body{font-family:Poppins,serif;background-color:#000;padding:30px;color:#ddd}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.app{display:flex;justify-content:center;align-items:center;height:100vh;gap:50px;padding:20px}.todo-container{flex:2;background:#141414d9;padding:40px 80px;border-radius:10px;box-shadow:0 0 15px #00ffff4d;max-width:600px}h1{text-align:center;color:#0ff}.todo-list{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #00ffff}.todo{background-color:#323232b3;box-shadow:0 0 10px #0ff3;padding:15px;margin-bottom:8px;border-radius:5px;color:#fff;display:flex;justify-content:space-between;align-items:center}.todo:hover{box-shadow:0 0 15px #0ff;transform:scale(1.02)}.todo-text{display:flex;flex-direction:column;align-items:flex-start;font-size:1.1em}.todo-buttons{display:flex;gap:10px}button{background:linear-gradient(45deg,#0ff,#07f);color:#000;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;opacity:.85;transition:.3s;font-weight:700;text-transform:uppercase}button:hover{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #0ff}.complete,.complete:hover{background-color:#5cb85c;box-shadow:0 0 8px #5cb85c}.remove{box-shadow:0 0 8px #ff0019}.remove:hover{box-shadow:0 0 12px #dc3545cc;transform:scale(1.05)}.todo-form{padding-bottom:1.5rem}input,select{padding:8px;margin-bottom:10px;border:1px solid #00ffff;border-radius:3px;width:100%;background:#0a0a0acc;color:#fff;text-align:center}input::placeholder{color:#fff9}.filter,.search{border-bottom:1px solid #00ffff;margin-bottom:20px;padding-bottom:20px}.filter-options{display:flex;justify-content:space-between;gap:3rem}.filter-options div{flex:1 1 0}