.auth-page{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative}.auth-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,120,42,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(168,120,42,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent);pointer-events:none}.auth-bg-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(196,154,50,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-container{width:100%;max-width:400px;position:relative;z-index:1}.auth-logo{text-align:center;margin-bottom:36px}.auth-logo-icon{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(168,120,42,.33))}.auth-logo-text{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;color:var(--gold);letter-spacing:3px;line-height:1}.auth-logo-sub{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:4px;margin-top:4px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 24px}.auth-tabs{display:flex;background:var(--card);border-radius:12px;padding:3px;margin-bottom:24px}.auth-tab{flex:1;padding:9px;border-radius:10px;border:none;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.auth-tab--active{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--bg)}.auth-tab--inactive{background:transparent;color:var(--text-dim)}.auth-field{margin-bottom:14px}.auth-label{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:2px;margin-bottom:6px}.auth-input{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:16px;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#c49a3266}.auth-input::placeholder{color:var(--text-ghost)}.auth-error{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ruby);margin-bottom:12px;padding:8px 12px;background:#e840400f;border-radius:8px}.auth-success{font-family:DM Sans,sans-serif;font-size:12px;color:var(--emerald);margin-bottom:12px;padding:8px 12px;background:#22c67a0f;border-radius:8px}.auth-submit{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--bg);font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 0 20px #c49a3233;transition:all .2s}.auth-submit:hover{box-shadow:0 0 30px #c49a324d}.auth-submit:disabled{background:#c49a3245;color:var(--text-dim);cursor:default;box-shadow:none}.auth-google{width:100%;background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#1c1408;transition:all .2s}.auth-google:hover{background:#f8f8f8;box-shadow:0 2px 8px #0000001a}.auth-google:disabled{opacity:.6;cursor:default}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-family:DM Mono,monospace;font-size:9px;color:var(--text-ghost);letter-spacing:2px}.auth-footer{text-align:center;margin-top:20px}.auth-footer-text{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-dim);margin-bottom:10px}.auth-demo-btn{background:#20b8c012;border:1px solid rgba(32,184,192,.2);border-radius:10px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--teal);cursor:pointer;transition:all .2s}.auth-demo-btn:hover{background:#20b8c01f;border-color:#20b8c059}.auth-helper{font-family:DM Sans,sans-serif;font-size:11px;color:var(--text-dim);margin-top:10px}.auth-link{color:var(--gold);cursor:pointer;font-weight:500}.auth-link:hover{color:var(--gold-pale)}.auth-back-link{font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-dim);margin-top:16px;display:flex;align-items:center;gap:6px}:root{--bg: #0F0C07;--surface: #181208;--card: #1E1710;--card-hi: #261E14;--border: rgba(168, 120, 42, .18);--border-hi: rgba(168, 120, 42, .36);--gold: #C49A32;--gold-dim: #A8782A;--gold-pale: #E8D090;--gold-glow: rgba(196, 154, 50, .12);--text: #F2ECD8;--text-mid: #C8B890;--text-dim: #8A7860;--text-ghost: #4A3C28;--emerald: #22C67A;--ruby: #E84040;--sapphire: #4488FF;--amber: #F08020;--teal: #20B8C0}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}textarea,input,button{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4b89a;border-radius:2px}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-pale)}