*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{background:#ffffff1a;padding:40px;border-radius:20px;width:400px;box-shadow:0 15px 40px #0003;width:800px}.app-title{text-align:center;margin-bottom:25px;color:#fff;font-size:28px;font-weight:600}form{display:flex;gap:10px;margin-bottom:25px}input{flex:1;padding:12px;border-radius:10px;border:none;outline:none;font-size:14px}input:focus{box-shadow:0 0 0 2px #fff}button{padding:12px 18px;border-radius:10px;border:none;background:#fff;color:#764ba2;font-weight:600;cursor:pointer;transition:all .3s ease}button:hover{background:#764ba2;color:#fff;transform:translateY(-2px)}.task-item{background:#fff;padding:12px 15px;border-radius:10px;margin-bottom:10px;font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.task-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.delete-btn{background:#ff4d4d;color:#fff;padding:6px 10px;font-size:12px}.delete-btn:hover{background:#c00}.checkbox{width:20px;height:10px}.completed{text-decoration:line-through;color:#ce2121;opacity:.7}