.auth-container{background:var(--ui-bg-root) url(/bg/bg_street_shinjuku.jpg) center/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:linear-gradient(#01040a8c,#01040ae0);position:absolute;inset:0}.auth-card{z-index:1;background:color-mix(in srgb, var(--ui-bg-surface) 88%, transparent);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);width:100%;max-width:390px;padding:var(--ui-space-5);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;box-shadow:0 18px 54px #00000094}.auth-title{font-size:var(--ui-font-title);color:var(--ui-text-primary);font-weight:900;font-family:var(--font-outfit), sans-serif;letter-spacing:.05em;margin-bottom:8px}.auth-subtitle{font-size:var(--ui-font-caption);color:var(--ui-text-secondary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.auth-input{color:#fff;border-radius:var(--ui-radius-sm);background-color:#000;border:1px solid #ffffff1a;outline:none;width:100%;min-height:54px;padding:12px 14px;font-size:16px;transition:border-color .2s}.auth-input:focus{border-color:var(--neon-cyan)}.auth-btn-cyan{flex:1}.auth-btn-cyan.semantic-cta--primary{border:1px solid var(--ui-accent);color:var(--ui-text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--ui-accent) 72%, #17212c), color-mix(in srgb, var(--ui-accent) 38%, #071018))}.auth-btn-magenta-outline{color:var(--neon-magenta);border:1px solid var(--neon-magenta);cursor:pointer;background-color:#0000;border-radius:6px;flex:1;padding:9px;font-size:10px;font-weight:700;transition:background-color .2s}.auth-btn-magenta-outline:hover{background-color:#ff007f1a}.auth-btn-google{width:100%;margin-bottom:8px}.auth-card .auth-btn-google.semantic-cta--primary,.auth-card .auth-btn-google.semantic-cta--primary:hover{border-color:var(--ui-accent);color:var(--ui-text-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--ui-accent) 72%, #17212c), color-mix(in srgb, var(--ui-accent) 38%, #071018))}.auth-card .semantic-cta{width:100%;min-height:52px;font-size:var(--ui-font-button);border-radius:var(--ui-radius-sm)}.auth-btn-google.semantic-cta--secondary{border:1px solid var(--ui-border);color:var(--ui-text-primary);background:linear-gradient(180deg, var(--ui-bg-raised), var(--ui-bg-surface))}.auth-btn-google-demo{width:100%;color:var(--neon-cyan);border:1px solid var(--neon-cyan);cursor:pointer;background-color:#00f0ff26;border-radius:6px;padding:9px;font-size:10px;font-weight:700}.auth-error-text{color:var(--neon-danger);font-size:8px;font-weight:700}.auth-method-divider{color:var(--ui-text-secondary);text-align:center;align-items:center;gap:9px;font-size:9px;display:flex}.auth-method-divider:before,.auth-method-divider:after{content:"";background:var(--ui-border);flex:1;height:1px}.auth-method-divider span{white-space:nowrap}