@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}.container{background:#fff;border-radius:30px;max-width:700px;margin:50px auto;padding:35px;box-shadow:0 20px 50px #00000014}h1{text-align:center;color:#1e293b;margin-bottom:30px;font-size:2.5rem}.task-title{color:#1e293b;margin:0 0 12px;font-size:1.4rem;font-weight:700}.input-section{gap:15px;margin-bottom:30px;display:flex}.input-section input{border:2px solid #e2e8f0;border-radius:15px;outline:none;flex:1;padding:15px 20px;font-size:16px;transition:all .3s}.input-section input:focus{border-color:#3b82f6}button{cursor:pointer;border:none;border-radius:15px;padding:12px 20px;font-weight:600;transition:all .3s}.input-section button{color:#fff;background:#3b82f6}.input-section button:hover{background:#2563eb;transform:translateY(-2px)}.todo-card{background:#f8fafc;border-radius:20px;margin-bottom:20px;padding:20px;list-style:none;transition:all .3s;box-shadow:0 8px 20px #0000000d}.todo-card:hover{transform:translateY(-4px)}.todo-card button:last-child{color:#fff;background:#ef4444}.todo-card button:last-child:hover{background:#dc2626}.clear-btn{color:#fff;background:#0f172a;margin-left:15px}.clear-btn:hover{background:#334155}input[type=checkbox]{accent-color:#3b82f6;width:18px;height:18px;margin-right:10px}.todo-header{align-items:center;gap:12px;display:flex}.todo-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.footer{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:40px;padding-top:20px;font-size:.9rem}@media (width<=768px){.container{margin:20px;padding:25px}.input-section{flex-direction:column}.input-section button{width:100%}}