*{padding:0;margin:0;box-sizing:border-box}body{background-color:#0f172a;color:#f8fafc}.appContainer{display:flex;flex-direction:column;align-items:center;padding:40px 20px;font-family:Inter,sans-serif;min-height:100vh}.formContainer{background:#1e293b;padding:30px;border-radius:12px;border:1px solid #334155;box-shadow:0 10px 25px #0000004d;margin-bottom:40px;width:100%;max-width:450px}.formContainer h1{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#a78bfa}form{display:flex;flex-direction:column;gap:15px}input{background:#0f172a;border:1px solid #475569;padding:12px 15px;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}button[type=submit]{background:linear-gradient(135deg,#6d28d9,#4f46e5);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:filter .2s,transform .1s;margin-top:10px}button[type=submit]:hover{filter:brightness(1.2)}button[type=submit]:active{transform:scale(.98)}.tasksContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;max-width:1100px}.taskCard{background:#1e293b;border-top:4px solid #7c3aed;padding:20px;border-radius:10px;box-shadow:0 4px 15px #0003;transition:transform .3s ease,border-color .3s}.taskCard:hover{transform:translateY(-8px);border-color:#3b82f6}.taskCard h4{margin-bottom:12px;color:#f1f5f9;font-size:1.25rem;letter-spacing:.5px}.taskCard p{color:#94a3b8;line-height:1.6;font-size:.95rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}