.login-page{position:relative;z-index:2;min-height:calc(100vh - 180px)}.login-hero{padding:72px 0 48px}.login-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.72fr);gap:28px;align-items:stretch}.panel-surface{border:1px solid rgba(168,85,247,.14);background:linear-gradient(180deg,rgba(20,8,36,.95),rgba(13,6,22,.97));box-shadow:0 24px 60px rgba(60,0,100,.18);backdrop-filter:blur(18px);border-radius:32px}.login-copy{padding:44px;display:flex;flex-direction:column}.login-copy h1{margin-top:18px;font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,5.5vw,4.6rem);line-height:.94;color:var(--text)}.login-copy>p{margin-top:16px;max-width:680px;color:var(--muted);line-height:1.9;font-size:1.02rem}.login-benefits{margin-top:32px;display:flex;flex-direction:column;gap:14px}.login-benefit{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(168,85,247,.1);background:rgba(168,85,247,.04);transition:border-color .25s ease,background .25s ease}.login-benefit:hover{border-color:rgba(168,85,247,.22);background:rgba(168,85,247,.08)}.login-benefit-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.2);color:#a855f7;font-size:16px;flex-shrink:0}.login-benefit strong{display:block;color:var(--text);font-size:.97rem}.login-benefit p{margin-top:5px;color:var(--muted);font-size:.9rem;line-height:1.7}.login-hex-info{margin-top:24px;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:16px;background:rgba(100,50,200,.08);border:1px solid rgba(168,85,247,.18);color:var(--muted);font-size:.92rem;line-height:1.7}.login-hex-info i{color:#a855f7;margin-top:3px;flex-shrink:0}.login-hex-info strong{color:var(--text)}.login-hex-info code{font-family:monospace;background:rgba(168,85,247,.15);color:#c084fc;padding:2px 7px;border-radius:6px;font-size:.88em}.login-card{padding:32px;display:flex;flex-direction:column}.login-card-top{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid rgba(168,85,247,.1)}.login-brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(168,85,247,.22);background:linear-gradient(180deg,rgba(168,85,247,.18),rgba(255,255,255,.03));color:#a855f7;font-size:20px;flex-shrink:0}.login-brand-mark img{width:30px;height:30px;object-fit:contain}.login-card-top strong{display:block;font-size:1rem;color:var(--text)}.login-card-top span{display:block;margin-top:3px;color:var(--muted);font-size:.88rem}.login-card-body{padding-top:26px;flex:1;display:flex;flex-direction:column}.login-card-body h2{font-size:1.9rem;color:var(--text)}.login-card-body>p{margin-top:10px;color:var(--muted);line-height:1.8;font-size:.95rem}.login-alert{margin-top:18px;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:14px;font-size:.9rem;line-height:1.7}.login-alert--error{background:rgba(224,92,92,.1);border:1px solid rgba(224,92,92,.25);color:#f08080}.login-alert--error i{color:#e05c5c;margin-top:2px}.login-alert--info{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:#d4b4ff}.login-alert--info i{color:#a855f7;margin-top:2px}.login-alert code{font-family:monospace;background:rgba(255,255,255,.08);padding:1px 6px;border-radius:5px;font-size:.87em}.login-auth-btn{margin-top:20px;width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;text-decoration:none;transition:transform .22s ease,filter .22s ease,border-color .22s ease,box-shadow .22s ease;border:1px solid transparent}.login-auth-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.login-auth-btn-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.login-auth-btn-text{flex:1}.login-auth-btn-text strong{display:block;font-size:1rem}.login-auth-btn-text small{display:block;margin-top:2px;font-size:.8rem;opacity:.7}.login-auth-btn-arrow{opacity:.5;font-size:13px;transition:opacity .22s ease,transform .22s ease}.login-auth-btn:hover .login-auth-btn-arrow{opacity:1;transform:translateX(3px)}.login-auth-btn--discord{background:linear-gradient(135deg,rgba(88,101,242,.22),rgba(45,56,199,.55));border-color:rgba(88,101,242,.35);color:#dfe3ff}.login-auth-btn--discord:hover{box-shadow:0 8px 24px rgba(88,101,242,.25)}.login-auth-btn--discord .login-auth-btn-icon{background:rgba(88,101,242,.22);color:#7289da}.login-auth-btn--steam{background:linear-gradient(135deg,rgba(23,135,216,.18),rgba(10,60,100,.55));border-color:rgba(23,135,216,.3);color:#c8dff0}.login-auth-btn--steam:hover{box-shadow:0 8px 24px rgba(23,135,216,.2)}.login-auth-btn--steam .login-auth-btn-icon{background:rgba(23,135,216,.18);color:#4db8ff}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0 0;color:var(--muted);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.07)}.login-note{margin-top:18px;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.88rem;line-height:1.75}.login-note i{margin-top:2px;color:#a855f7;flex-shrink:0}.login-links{margin-top:auto;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px}.login-links a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:var(--muted);text-decoration:none;font-size:.88rem;transition:border-color .22s ease,color .22s ease,background .22s ease}.login-links a:hover{color:var(--text);border-color:rgba(168,85,247,.24);background:rgba(168,85,247,.06)}@media (max-width:1100px){.login-shell{grid-template-columns:1fr}}@media (max-width:760px){.login-hero{padding:48px 0 32px}.login-copy{padding:28px}.login-card{padding:24px}.login-copy h1{font-size:clamp(2.2rem,10vw,3.2rem)}.login-benefits{gap:10px}}