@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";
:root{--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--primary-color:#4f46e5;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--danger-gradient:linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--text-main:#111827;--text-muted:#4b5563;--card-bg:#ffffffd9;--glass-border:#fff6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:80px;font-family:Inter,-apple-system,sans-serif}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.glass-card:active{transform:scale(.98)}h1{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.75rem;font-weight:600}p{color:var(--text-muted);font-size:1.25rem;line-height:1.6}.btn-primary{background:var(--primary-gradient);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:20px;width:100%;padding:20px;font-size:1.5rem;font-weight:800;transition:all .2s;display:block;box-shadow:0 10px 15px -3px #6366f166}.btn-primary:active{transform:translateY(2px);box-shadow:0 5px 10px -3px #6366f166}.container{max-width:600px;margin:0 auto;padding:20px}.header-section{margin-top:20px;margin-bottom:30px}.alert-box{border-radius:20px;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.alert-icon{font-size:2.5rem}.alert-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 10px 15px -3px #ef444466}.alert-danger p{color:#ffffffe6}.alert-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.alert-success p{color:#ffffffe6}.task-item{background:#fff;border-radius:20px;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.task-checkbox{border:3px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.task-checkbox.checked{background:var(--success-color);border-color:var(--success-color)}.task-checkbox.checked:after{content:"✓";color:#fff;font-size:24px;font-weight:700}.task-content h3{margin-bottom:4px;font-size:1.4rem}.task-content p{font-size:1.1rem}