*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#f8fafc;background:#0f172a;min-height:100vh}.container{width:100%;max-width:1100px;margin:auto;padding:40px 20px}h1{text-align:center;color:#38bdf8;margin-bottom:35px;font-size:3rem;font-weight:700}form{background:#1e293b;border-radius:18px;margin-bottom:30px;padding:25px;box-shadow:0 10px 25px #00000040}input,textarea{color:#fff;background:#334155;border:none;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:1rem;transition:all .3s}input:focus,textarea:focus{background:#475569;transform:scale(1.01)}textarea{resize:vertical;min-height:120px}button{cursor:pointer;border:none;border-radius:12px;outline:none;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .25s}form button{color:#0f172a;background:#38bdf8;width:100%}form button:hover{background:#0ea5e9}form button:disabled{cursor:not-allowed;background:#64748b}p{text-align:center;color:#94a3b8;margin-top:12px;transition:all .2s}p:hover{color:#38bdf8}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.note-card{background:#1e293b;border:1px solid #0000;border-radius:18px;padding:20px;transition:all .25s;box-shadow:0 8px 20px #0003}.note-card:hover{border-color:#38bdf8;transform:translateY(-5px)}.note-card h3{color:#38bdf8;margin-bottom:12px;font-size:1.3rem}.note-card p{text-align:left;color:#cbd5e1;margin-bottom:20px;line-height:1.5}.note-card button{margin-right:10px}.note-card button:first-of-type{color:#fff;background:#ef4444}.note-card button:first-of-type:hover{background:#dc2626}.note-card button:last-of-type{color:#fff;background:#22c55e}.note-card button:last-of-type:hover{background:#16a34a}.container>button{color:#111827;background:#f59e0b;width:100%;margin-top:30px}.container>button:hover{background:#d97706}.card-buttons{gap:10px;display:flex}.card-buttons button{flex:1}.note-card p{white-space:pre-wrap;max-height:150px;overflow-y:auto}@media (width<=600px){h1{font-size:2.2rem}form{padding:20px}.note-card{padding:18px}}