:root{--color-background: #111418;--color-surface: #1e2229;--color-surface-container: #282c35;--color-primary: #f0c34b;--color-primary-dark: #d6ad41;--color-text-primary: #e6e6e6;--color-text-secondary: #a0a0a0;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}#app{max-width:600px;padding:40px;background-color:var(--color-surface);border-radius:12px;box-shadow:0 10px 30px #00000080}.logo-container img{max-width:250px;margin-bottom:20px}h1{font-size:2.2rem;margin-bottom:10px;color:#fff;letter-spacing:-.5px}p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:30px;line-height:1.5}form,.input-group{display:flex;flex-direction:column;gap:15px}@media (min-width: 480px){.input-group{flex-direction:row}}input{flex:1;padding:12px 15px;border:1px solid #444;border-radius:6px;background-color:var(--color-surface-container);color:#fff;font-size:1rem;outline:none;transition:border-color .2s}input:focus{border-color:var(--color-primary)}button{padding:12px 25px;background-color:var(--color-primary);color:#111;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s}button:hover{background-color:var(--color-primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}.cf-turnstile{display:flex;justify-content:center}.hidden{display:none!important}#success-msg{color:#4caf50;font-size:1.1rem;font-weight:500;padding:20px 0}.error{color:#f44336;margin-top:15px;font-size:.9rem}