*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:#0f172a;min-height:100vh}.todo-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.todo-card{background:#111827;border:1px solid #1f2937;border-radius:20px;width:100%;max-width:550px;padding:30px;box-shadow:0 0 25px #00000080}.todo-card h1{text-align:center;color:#f8fafc;letter-spacing:1px;margin-bottom:25px;font-size:35px}.input-section{gap:10px;margin-bottom:25px;display:flex}.input-section input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;outline:none;flex:1;padding:14px;font-size:16px;transition:all .3s}.input-section input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf855}.input-section input::placeholder{color:#94a3b8}.input-section button{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;padding:14px 22px;font-weight:600;transition:all .3s}.input-section button:hover{background:#0ea5e9;transform:scale(1.05)}.todo-list{list-style:none}.todo-item{background:#1e293b;border:1px solid #334155;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px 18px;transition:all .3s;display:flex}.todo-item:hover{border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 0 12px #38bdf833}.todo-item span{color:#f1f5f9;word-break:break-word;font-size:17px}.btn-group{gap:8px;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:9px 14px;font-size:14px;transition:all .3s}.edit-btn{background:#f59e0b}.edit-btn:hover{background:#d97706;transform:scale(1.05)}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}