:root{--bg-color:#0a0e14;--card-bg:#1c252e;--text-color:#e0e0e0;--accent-color:#0078d4;--input-bg:#0d1117;--danger:#d13438;--success:#107c10;--font-main:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--border-color:#ffffff1a}*{box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}.container{width:100%;max-width:450px;padding:20px}.card{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:40px;box-shadow:0 15px 40px #0009}h1{letter-spacing:2px;color:var(--accent-color);text-transform:uppercase;margin-top:0;margin-bottom:30px;font-size:1.8rem;font-weight:600}.form-group{text-align:left;margin-bottom:25px}.form-group label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}input[type=email],input[type=text]{background-color:var(--input-bg);width:100%;color:var(--text-color);border:1px solid #fff3;border-radius:6px;padding:14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #0078d44d}button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:6px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}button#requestOtpButton{border:1px solid var(--success);color:var(--success);background-color:#0000;margin-bottom:10px}button#requestOtpButton:hover{background-color:var(--success);color:#fff}button[type=submit]{background-color:var(--accent-color);color:#fff;margin-top:10px}button[type=submit]:hover{background-color:#0086ed;transform:translateY(-1px);box-shadow:0 4px 12px #0078d466}button[type=submit]:active{transform:translateY(0)}#message{min-height:1.2rem;margin-top:20px;font-size:.9rem}.success-message{color:var(--success)}.error-message{color:var(--danger)}