.logo-container{flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px;display:flex}.logo-container.logo-small{flex-direction:row;gap:8px;margin-bottom:0}.logo-name{letter-spacing:10px;color:var(--text-primary);text-transform:uppercase;font-family:Arial Black,-apple-system,sans-serif;font-size:42px;font-weight:800}.logo-name:first-letter{color:var(--orange-primary)}.logo-tagline{color:var(--text-muted);letter-spacing:8px;text-transform:uppercase;margin-top:8px;font-size:13px}.logo-container.logo-small .logo-name{letter-spacing:4px;font-size:20px}.logo-container.logo-small .logo-tagline{display:none}.form-group{margin-bottom:20px}.form-control{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 18px;font-size:16px;transition:all .3s}.form-control:focus{border-color:var(--purple-glow);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 4px #8b5cf626}.form-control::placeholder{color:var(--text-muted)}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;padding:14px 36px;font-size:16px;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg, var(--orange-primary) 0%, var(--orange-dark) 100%);color:var(--text-primary);box-shadow:0 4px 15px var(--orange-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--orange-glow);background:linear-gradient(135deg, var(--orange-light) 0%, var(--orange-primary) 100%);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--purple-dark);border-color:var(--purple-light)}.error-message{color:var(--error);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.success-message{color:var(--success);text-align:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.text-center{text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}