.login-page{min-height:100vh;font-family:var(--font-inter), system-ui, sans-serif;background:#000005;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0}.nebula{filter:blur(120px);opacity:.4;pointer-events:none;z-index:1;border-radius:50%;position:fixed}.nebula-1{background:radial-gradient(circle,#008cff40 0%,#0000 70%);width:600px;height:600px;animation:20s ease-in-out infinite alternate nebula-drift;top:-15%;left:-10%}.nebula-2{background:radial-gradient(circle,#00d4ff33 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite alternate-reverse nebula-drift;bottom:-10%;right:-5%}.nebula-3{background:radial-gradient(circle,#6400c826 0%,#0000 70%);width:400px;height:400px;animation:18s ease-in-out infinite alternate nebula-drift;top:40%;left:60%}@keyframes nebula-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}.grid-overlay{z-index:2;pointer-events:none;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.scanlines{z-index:60;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff03 2px 4px);position:fixed;inset:0}.login-wrapper{z-index:10;opacity:0;width:440px;max-width:92vw;padding:20px;transition:all 1s cubic-bezier(.23,1,.32,1);position:relative;transform:translateY(40px)scale(.96)}.login-wrapper.is-visible{opacity:1;transform:translateY(0)scale(1)}.corner-brackets{pointer-events:none;z-index:5;position:absolute;inset:0}.corner{border-style:solid;border-color:#00d4ff66;width:24px;height:24px;position:absolute}.corner.tl{border-width:2px 0 0 2px;top:0;left:0}.corner.tr{border-width:2px 2px 0 0;top:0;right:0}.corner.bl{border-width:0 0 2px 2px;bottom:0;left:0}.corner.br{border-width:0 2px 2px 0;bottom:0;right:0}.login-card{-webkit-backdrop-filter:blur(30px)saturate(1.5);backdrop-filter:blur(30px)saturate(1.5);clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));background:#050812d9;border:1px solid #00d4ff1f;padding:48px 40px 36px;position:relative;overflow:hidden;box-shadow:0 0 80px #00d4ff0f,0 0 160px #00d4ff08,inset 0 1px #00d4ff1a}.card-accent-top,.card-accent-bottom{height:1px;position:absolute;left:40px;right:40px}.card-accent-top{background:linear-gradient(90deg,#0000,#00d4ff66,#0000);top:0;box-shadow:0 0 15px #00d4ff4d}.card-accent-bottom{background:linear-gradient(90deg,#0000,#00d4ff33,#0000);bottom:0}.logo-section{text-align:center;margin-bottom:12px}.logo-icon{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex;position:relative}.logo-diamond{color:#00d4ff;filter:drop-shadow(0 0 8px #00d4ff80);width:44px;height:44px;animation:20s linear infinite logo-rotate}@keyframes logo-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-icon-glow{background:radial-gradient(circle,#00d4ff40 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite glow-pulse;position:absolute;inset:-10px}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.logo-text{font-family:"Orbitron", var(--font-inter), sans-serif;color:#fff;letter-spacing:.35em;text-shadow:0 0 30px #00d4ff80,0 0 60px #00d4ff33;margin:0;font-size:42px;font-weight:900;animation:5s infinite text-flicker}@keyframes text-flicker{0%,93%,95%,97%,to{opacity:1}94%{opacity:.8}96%{opacity:.6}98%{opacity:.9}}.logo-underline{justify-content:center;align-items:center;gap:10px;margin:12px 0 8px;display:flex}.line-segment{background:linear-gradient(90deg,#0000,#00d4ff80,#0000);width:60px;height:1px}.line-diamond{color:#00d4ff80;font-size:6px}.logo-subtitle{letter-spacing:.5em;color:#7a9bb5b3;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.tagline{text-align:center;color:#00d4ff66;letter-spacing:.15em;margin:20px 0 32px;font-size:13px;font-style:italic}.fb-btn{cursor:pointer;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));background:0 0;border:none;width:100%;margin-bottom:8px;padding:16px 24px;position:relative;overflow:hidden}.fb-btn-bg{background:linear-gradient(135deg,#1877f2 0%,#0a4da8 50%,#1877f2 100%) 0 0/200% 200%;transition:opacity .3s;animation:3s ease-in-out infinite fb-shimmer;position:absolute;inset:0}@keyframes fb-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.fb-btn:before{content:"";clip-path:inherit;z-index:1;border:1px solid #1877f266;position:absolute;inset:0}.fb-btn:hover:not(:disabled) .fb-btn-bg{opacity:.9}.fb-btn:hover:not(:disabled){transition:all .3s;transform:translateY(-2px);box-shadow:0 0 40px #1877f266}.fb-btn:active:not(:disabled){transform:translateY(0)}.fb-btn:disabled{opacity:.7;cursor:not-allowed}.fb-btn-content{z-index:2;color:#fff;letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex;position:relative}.fb-icon{fill:currentColor;width:18px;height:18px}.loader-dots{gap:4px;display:inline-flex}.loader-dots i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-bounce}.loader-dots i:nth-child(2){animation-delay:.2s}.loader-dots i:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.3;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.divider-or{align-items:center;gap:12px;margin:24px 0;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#00d4ff26,#0000);flex:1;height:1px}.divider-text{letter-spacing:.4em;color:#3a557099;font-family:monospace;font-size:9px;font-weight:600}.google-btn{cursor:pointer;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));background:0 0;border:none;width:100%;margin-bottom:8px;padding:16px 24px;position:relative;overflow:hidden}.google-btn .fb-btn-bg{background:linear-gradient(135deg,#1a1e2e 0%,#0d1117 50%,#1a1e2e 100%) 0 0/200% 200%;animation:3s ease-in-out infinite fb-shimmer}.google-btn:before{content:"";clip-path:inherit;z-index:1;border:1px solid #4285f44d;position:absolute;inset:0}.google-btn:hover:not(:disabled) .fb-btn-bg{opacity:.9}.google-btn:hover:not(:disabled){transition:all .3s;transform:translateY(-2px);box-shadow:0 0 40px #4285f433}.google-btn:hover:not(:disabled):before{border-color:#4285f499}.google-btn:active:not(:disabled){transform:translateY(0)}.google-btn:disabled{opacity:.7;cursor:not-allowed}.status-section{padding-top:20px}.status-line{background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);height:1px;margin-bottom:16px}.status-content{justify-content:center;align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.status-idle{background:#3a5570}.status-dot.status-connecting{background:#c9a84c;animation:1s infinite dot-pulse}.status-dot.status-success{background:#39ff14;box-shadow:0 0 8px #39ff1480}.status-dot.status-error{background:#f23;box-shadow:0 0 8px #ff223380}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.status-msg{letter-spacing:.12em;font-family:monospace;font-size:10px}.status-msg.status-idle{color:#3a5570}.status-msg.status-connecting{color:#c9a84c}.status-msg.status-success{color:#39ff14}.status-msg.status-error{color:#f23}.version-footer{align-items:center;gap:12px;margin-top:24px;display:flex}.vf-line{background:#00d4ff14;flex:1;height:1px}.vf-text{color:#3a557066;letter-spacing:.1em;white-space:nowrap;font-family:monospace;font-size:9px}.copyright{text-align:center;color:#3a557040;letter-spacing:.1em;margin-top:8px;font-size:9px}@media (max-width:480px){.login-card{padding:36px 24px 28px}.logo-text{letter-spacing:.25em;font-size:32px}.tagline{font-size:11px}}