:root{--login-surface:var(--card);--login-surface-2:var(--background-elevated,var(--card-solid));--login-border:var(--border);--login-border-strong:var(--border-strong);--login-text:var(--foreground);--login-muted:var(--muted-foreground);--login-shadow:var(--shadow-xl);--login-radius-lg:32px;--login-radius-md:20px;--login-radius-sm:12px}.login-shell{padding:calc(var(--nav-offset) + 2rem) 1.5rem 4rem;background:var(--background);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";background:radial-gradient(circle at 10% 10%, rgba(var(--primary-rgb,255, 255, 255), .05) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(var(--primary-rgb,255, 255, 255), .03) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 30% 30%, var(--background-subtle), transparent 60%);pointer-events:none;opacity:.8;position:absolute;inset:0}.login-layout{z-index:1;background:var(--login-surface);border:1px solid var(--login-border);border-radius:var(--login-radius-lg);width:100%;max-width:960px;box-shadow:var(--login-shadow);grid-template-columns:1.1fr .9fr;gap:0;animation:.6s cubic-bezier(.16,1,.3,1) both cardReveal;display:grid;position:relative;overflow:hidden}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-hero{background:linear-gradient(135deg, var(--login-surface-2) 0%, var(--login-surface) 100%);border-right:1px solid var(--login-border);flex-direction:column;justify-content:center;gap:2rem;padding:3.5rem;display:flex;position:relative}.login-hero:after{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.03;filter:blur(50px);pointer-events:none;width:300px;height:300px;position:absolute;bottom:-20%;right:-10%}.login-hero-brand{align-items:center;gap:.9rem;display:flex}.login-hero-logo{border:1px solid var(--login-border);background:var(--login-surface);width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:18px;padding:.4rem}.login-hero-copy{flex-direction:column;gap:.2rem;display:flex}.login-hero-kicker{border-radius:var(--radius-full);border:1px solid var(--login-border);background:var(--login-surface);letter-spacing:.04em;text-transform:uppercase;width:fit-content;color:var(--login-muted);align-items:center;padding:.2rem .6rem;font-size:.68rem;font-weight:600;display:inline-flex}.login-title{letter-spacing:-.03em;color:var(--login-text);margin:0;font-size:1.85rem;font-weight:800;line-height:1.15}.login-subtitle{color:var(--login-muted);max-width:320px;margin:0;font-size:.92rem;line-height:1.5}.login-meta{flex-wrap:wrap;gap:.5rem;display:flex}.login-meta-item{border-radius:var(--radius-full);border:1px solid var(--login-border);background:var(--login-surface);color:var(--login-muted);align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.75rem;transition:border-color .2s;display:inline-flex}.login-meta-item:hover{border-color:var(--login-border-strong)}.login-meta-item i{opacity:.7;font-size:.8rem}.login-cards{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.login-info-card{border-radius:var(--login-radius-md);border:1px solid var(--login-border);background:var(--login-surface);align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.login-info-card:hover{border-color:var(--login-border-strong);background:var(--login-surface-2);transform:translate(4px)}.login-info-icon{background:var(--login-surface-2);border:1px solid var(--login-border);width:42px;height:42px;color:var(--login-text);opacity:.9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.login-info-card h3{color:var(--login-text);margin:0;font-size:.85rem;font-weight:700}.login-info-card p{color:var(--login-muted);margin:.15rem 0 0;font-size:.72rem}.login-card{background:var(--login-surface);flex-direction:column;gap:2rem;padding:3.5rem 2.5rem;display:flex;position:relative;overflow:hidden}.login-card:before{content:"";background:radial-gradient(circle at top right, var(--primary) 0%, transparent 70%);opacity:.05;pointer-events:none;width:150px;height:150px;position:absolute;top:0;right:0}.login-card-header{border-bottom:1px solid var(--login-border);flex-direction:column;gap:.35rem;padding-bottom:1.25rem;display:flex}.login-card-title{color:var(--login-text);margin:0;font-size:1.1rem;font-weight:800}.login-card-desc{color:var(--login-muted);margin:0;font-size:.85rem}.login-card-body{flex-direction:column;gap:1.25rem;display:flex}.discord-login-btn{border-radius:var(--login-radius-md);background:var(--foreground);width:100%;color:var(--background);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.8rem;padding:1.1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0000001a}.discord-login-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.discord-login-btn:active{opacity:.85;transform:translateY(0)}.discord-login-btn i{font-size:1.1rem}.login-note{border-radius:var(--login-radius-sm);border:1px solid var(--login-border);background:var(--login-surface-2);color:var(--login-muted);align-items:center;gap:.65rem;padding:.9rem 1.1rem;font-size:.8rem;line-height:1.4;display:flex}.login-note i{opacity:.6;font-size:.85rem}.login-links{justify-content:center;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.login-links a{color:var(--login-muted);text-decoration:none;transition:color .2s}.login-links a:hover{color:var(--login-text)}.login-links-dot{color:var(--login-muted);opacity:.5}.login-back{justify-content:center;margin-top:.25rem;display:flex}.login-back a{color:var(--login-muted);align-items:center;gap:.45rem;font-size:.82rem;text-decoration:none;transition:all .2s;display:inline-flex}.login-back a:hover{color:var(--login-text)}.login-back a:hover i{transform:translate(-2px)}.login-back a i{font-size:.75rem;transition:transform .2s}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1rem 0;display:none}.loading-state.active{display:flex}.loading-spinner{border:3px solid var(--login-border);border-top-color:var(--login-text);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--login-muted);font-size:.85rem}.terms-consent-content{text-align:left;background:var(--login-surface);border:1px solid var(--login-border);border-radius:var(--login-radius-lg);max-width:520px;box-shadow:var(--shadow-2xl);padding:2.5rem}.terms-consent-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.terms-consent-icon{border-radius:var(--radius-md);background:var(--login-surface-2);border:1px solid var(--login-border);width:48px;height:48px;color:var(--login-text);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.terms-consent-header h3{color:var(--login-text);margin:0;font-size:1.15rem;font-weight:700}.terms-consent-subtitle{color:var(--login-muted);margin:.35rem 0 0;font-size:.88rem}.terms-consent-body{gap:.8rem;display:grid}.terms-consent-item{background:var(--login-surface-2);border:1px solid var(--login-border);border-radius:var(--login-radius-sm);cursor:pointer;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.terms-consent-item:hover{border-color:var(--login-border-strong)}.terms-consent-item input{opacity:0;position:absolute}.terms-consent-check{border:2px solid var(--login-border-strong);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .2s;display:inline-flex}.terms-consent-item input:checked+.terms-consent-check{background:var(--login-text);border-color:var(--login-text)}.terms-consent-item input:checked+.terms-consent-check:after{content:"";color:var(--background);font-family:"Font Awesome 6 Free";font-size:.65rem;font-weight:900}.terms-consent-text{color:var(--login-text);flex-direction:column;gap:.2rem;font-size:.88rem;display:flex}.terms-consent-text small{color:var(--login-muted);font-size:.75rem}.terms-consent-link{color:var(--login-muted);margin-left:.5rem;font-size:.78rem;text-decoration:none;transition:color .2s}.terms-consent-link:hover{color:var(--login-text);text-decoration:underline}.terms-consent-note{color:var(--login-muted);margin:.5rem 0 0;font-size:.78rem}.terms-consent-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.terms-consent-secondary,.terms-consent-primary{border-radius:var(--login-radius-sm);border:1px solid var(--login-border);background:var(--login-surface-2);color:var(--login-text);cursor:pointer;padding:.75rem 1.5rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s}.terms-consent-secondary:hover{border-color:var(--login-border-strong)}.terms-consent-primary{background:var(--login-text);color:var(--background);border-color:#0000}.terms-consent-primary:hover{opacity:.9}.terms-consent-primary:disabled{opacity:.4;cursor:not-allowed}@media (max-width:900px){.login-layout{grid-template-columns:1fr 340px;max-width:820px}.login-hero{padding:2rem}.login-card{padding:2rem 1.75rem}.login-title{font-size:1.4rem}}@media (max-width:768px){.login-shell{padding:calc(var(--nav-offset) + 1.5rem) 1rem 2.5rem;align-items:flex-start}.login-layout{grid-template-columns:1fr;max-width:420px}.login-hero{border-right:none;border-bottom:1px solid var(--login-border);text-align:center;align-items:center;padding:1.75rem}.login-hero-brand{text-align:center;flex-direction:column}.login-hero-copy{align-items:center}.login-meta{justify-content:center}.login-cards{width:100%}.login-card{padding:1.75rem}.login-subtitle{max-width:100%}}@media (max-width:480px){.login-hero,.login-card{padding:1.5rem}.login-title{font-size:1.35rem}.login-info-card{padding:.65rem .8rem}.terms-consent-content{padding:1.5rem}.terms-consent-actions{flex-direction:column-reverse}.terms-consent-secondary,.terms-consent-primary{text-align:center;justify-content:center;width:100%}}