@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";.auth-container{max-width:400px;margin:60px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.auth-title{font-size:26px;font-weight:700;margin-bottom:20px;color:#222}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px;transition:border .2s}.auth-form input:focus{border-color:#4a90e2;outline:none}.auth-form button{padding:12px;border:none;border-radius:8px;background-color:#4a90e2;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.auth-form button:hover{background-color:#357abd}.auth-form button:disabled{background-color:#a0c4f4;cursor:not-allowed}.auth-message{margin-top:15px;font-size:14px}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f0f4f8,#e8eef3);margin:0;padding:0}.app-container{padding:20px;min-height:100vh}h1{text-align:center;color:#2c3e50;margin-bottom:25px}.task-form{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px;gap:10px}.task-form input,.task-form select{padding:10px 12px;border-radius:8px;border:1px solid #ccc;outline:none;transition:border .3s}.task-form input:focus{border-color:#4caf50}.task-form button{padding:10px 18px;background:linear-gradient(135deg,#4caf50,#3b8f3c);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s,transform .2s}.task-form button:hover{background:linear-gradient(135deg,#45a049,#367b35);transform:scale(1.05)}.task-list-container{max-width:650px;margin:0 auto;background:#fff;padding:25px;border-radius:12px;box-shadow:0 6px 18px #00000014;animation:fadeIn .5s ease-in-out}.task-list{list-style:none;padding:0;margin:0}.task-item{padding:14px 16px;margin-bottom:12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;background:#fdfdfd;transition:transform .2s,box-shadow .2s}.task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.priority-high{border-left:6px solid #e74c3c}.priority-medium{border-left:6px solid #f39c12}.priority-low{border-left:6px solid #27ae60}.task-title{font-size:16px;font-weight:600;color:#2c3e50}.task-details{font-size:13px;color:#555}.task-item button{background:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .3s}.task-item button:hover{background:#c0392b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:25px;border-radius:10px;width:380px;box-shadow:0 6px 18px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.task-form{flex-direction:column;align-items:center}.task-form input,.task-form select,.task-list-container{width:90%}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#1e293b;color:#fff;position:sticky;top:0;z-index:1000}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;list-style:none;gap:20px}.navbar-links a{text-decoration:none;color:#cbd5e1;font-weight:500;transition:color .2s ease-in-out,border-bottom .2s ease-in-out}.navbar-links a:hover{color:#facc15}.navbar-links .active{color:#facc15;border-bottom:2px solid #facc15;padding-bottom:2px}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-img{height:40px;margin-right:8px}.logo-text{font-size:1.3rem;font-weight:700;color:#fff}.splash-screen{position:fixed;inset:0;background-color:#4b5fd5;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:9999;opacity:1;transition:opacity .5s ease}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo{height:100px;margin-bottom:20px}.splash-title{font-size:2.5rem;font-weight:700;margin:0}.splash-tagline{font-size:1.2rem;opacity:.85}.home{text-align:center;padding:2rem;background-color:#f8f9fb;color:#222}.hero h1{font-size:2.5rem;color:#4b5fd5}.hero .brand{color:#ff9f43}.hero .tagline{font-size:1.2rem;color:#6b7280;margin-top:.5rem}.hero .description{max-width:600px;margin:1rem auto;color:#444}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.feature-card{background:#fff;padding:1.5rem;border-radius:12px;width:250px;box-shadow:0 4px 10px #0000000d;text-align:center}.feature-card .icon{font-size:2rem;color:#4b5fd5}.feature-card h3{margin-top:.5rem;color:#222}.testimonials{margin-top:3rem}.testimonials blockquote{background:#fff;padding:1rem 2rem;border-left:5px solid #4B5FD5;max-width:500px;margin:auto;font-style:italic}.testimonials span{display:block;margin-top:.5rem;font-weight:700;color:#6b7280}.footer{margin-top:3rem;padding:1.5rem;background:#4b5fd5;color:#fff}.footer-links{margin-bottom:1rem}.footer-links a{color:#fff;margin:0 .5rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.social-icons a{color:#fff;margin:0 .5rem;font-size:1.2rem}.testimonials{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}@media (min-width: 768px){.testimonials{flex-direction:row;justify-content:center}.testimonials blockquote{max-width:300px}}:root{--color-primary: #4B5FD5;--color-accent: #FF9F43;--color-bg: #F8F9FB;--color-card: #FFFFFF;--color-text-primary: #222222;--color-text-secondary: #6B7280;--color-success: #4CAF50;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}