*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background-color:#121212;color:#e0ffe0;display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.container{background-color:#1e1e1e;padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 0 15px #0f8}h1{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#0f8}.input-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;color:#bfc}input{width:100%;padding:.6rem;border:2px solid #00ff88;border-radius:6px;background-color:#121212;color:#e0ffe0}button{margin-top:1rem;width:100%;padding:.6rem;background-color:#0f8;border:none;color:#000;font-weight:700;border-radius:6px;cursor:pointer;transition:.3s}button:hover{background-color:#00cc6a}.message{margin-top:1rem;padding:.8rem;border-radius:6px;font-weight:700;color:red}