@keyframes loginBgFloat{0%,100%{translate:0 0}50%{translate:-2% 2%}}@keyframes loginCardIn{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes loginMascotIn{from{opacity:0;scale:0.8;translate:0 12px}to{opacity:1;scale:1;translate:0 0}}@keyframes loginMascotFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes loginItemIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.login{background:var(--login-bg-primary);min-height:100dvh;display:grid;place-items:center;padding:2rem;position:relative;overflow:hidden;isolation:isolate}.login::before{content:'';position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(ellipse 40% 40% at 22% 18%,rgb(var(--login-accent-rgb) / 0.10) 0%,transparent 60%),radial-gradient(ellipse 45% 45% at 82% 88%,rgb(var(--login-accent-rgb) / 0.06) 0%,transparent 60%);animation:loginBgFloat 22s ease-in-out infinite;pointer-events:none;z-index:-2}.login::after{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--czs-overlay-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--czs-overlay-subtle) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse 70% 70% at center,black 20%,transparent 72%);pointer-events:none;z-index:-1}.login__container{position:relative;max-width:550px;width:100%}.login__card{background:radial-gradient(120% 80% at 50% -10%,rgb(var(--login-accent-rgb) / 0.05),transparent 55%),linear-gradient(160deg,var(--login-bg-card),var(--login-bg-secondary));border:1px solid var(--login-border);border-radius:var(--login-radius-xl);padding:2.75rem 2.5rem 2.25rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,0.55),0 2px 0 0 rgba(255,255,255,0.03) inset,0 0 0 1px var(--czs-overlay-subtle) inset;animation:loginCardIn 0.55s var(--czs-ease-out) both}.login__card::before{content:'';position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% 0;width:min(240px,60%);height:1px;background:linear-gradient(90deg,transparent,var(--login-accent),transparent);opacity:0.9}.login__mascot{width:118px;height:118px;margin:0 auto 1.25rem;display:block;object-fit:contain;filter:drop-shadow(0 12px 22px rgb(var(--login-accent-rgb) / 0.28));animation:loginMascotIn 0.6s var(--czs-ease-out) 0.1s both,loginMascotFloat 6s ease-in-out 1s infinite}.login__title{font-family:var(--login-font-display);font-weight:800;font-size:1.9rem;line-height:1.15;font-stretch:112%;color:var(--login-text-primary);margin:0 0 0.5rem;letter-spacing:-0.02em;text-wrap:balance}.login__subtitle{font:400 0.95rem / 1.6 var(--login-font-body);color:var(--login-text-secondary);margin:0 auto 1.85rem;max-width:34ch;text-wrap:pretty}.login__btn-discord{display:flex;align-items:center;justify-content:center;gap:0.65rem;width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--login-accent),var(--czs-brand-primary-hover));color:var(--czs-text-on-brand);font:700 1rem var(--login-font-body);letter-spacing:0.01em;text-decoration:none;border:none;border-radius:var(--login-radius-md);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 26px rgb(var(--login-accent-rgb) / 0.32);transition:translate 0.28s var(--czs-ease-out),box-shadow 0.28s var(--czs-ease-out)}.login__btn-discord::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,0.35) 50%,transparent 70%);translate:-120% 0;transition:translate 0.6s var(--czs-ease-out)}.login__btn-discord:hover,.login__btn-discord:focus,.login__btn-discord:active{color:var(--czs-text-on-brand)}.login__btn-discord:hover{translate:0 -3px;box-shadow:0 16px 40px rgb(var(--login-accent-rgb) / 0.45),0 0 0 4px rgb(var(--login-accent-rgb) / 0.14)}.login__btn-discord:hover::before{translate:120% 0}.login__btn-discord:active{translate:0 -1px}.login__btn-discord:focus-visible{outline:2px solid var(--login-text-primary);outline-offset:3px;box-shadow:0 8px 26px rgb(var(--login-accent-rgb) / 0.32),0 0 0 5px rgb(var(--login-accent-rgb) / 0.45)}.login__btn-discord svg{width:22px;height:22px;flex-shrink:0}.login__divider{display:flex;align-items:center;gap:1rem;margin:1.75rem 0 1.15rem}.login__divider::before,.login__divider::after{content:'';flex:1;height:1px;background:var(--login-border)}.login__divider span{font:600 0.7rem var(--login-font-heading);text-transform:uppercase;letter-spacing:0.14em;color:var(--login-text-secondary)}.login__features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0.6rem}.login__feature{display:flex;align-items:center;gap:0.6rem;padding:0.7rem 0.85rem;background:var(--czs-overlay-subtle);border:1px solid var(--login-border);border-radius:var(--login-radius-sm);text-align:left;transition:background-color 0.25s var(--czs-ease-out),border-color 0.25s var(--czs-ease-out),translate 0.25s var(--czs-ease-out);animation:loginItemIn 0.5s var(--czs-ease-out) both}.login__feature:nth-child(1){animation-delay:0.18s}.login__feature:nth-child(2){animation-delay:0.24s}.login__feature:nth-child(3){animation-delay:0.30s}.login__feature:nth-child(4){animation-delay:0.36s}.login__feature:hover{background:var(--czs-overlay-light);border-color:rgb(var(--login-accent-rgb) / 0.35);translate:0 -2px}.login__feature i{color:var(--login-accent);font-size:1rem;flex-shrink:0;display:grid;place-items:center;width:1.6rem;height:1.6rem;background:var(--czs-brand-primary-soft);border-radius:8px}.login__feature span{font:500 0.78rem / 1.25 var(--login-font-body);color:var(--login-text-primary)}.login__back{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1.6rem;padding:0.7rem 1.2rem;min-height:44px;font:500 0.875rem var(--login-font-body);color:var(--login-text-secondary);text-decoration:none;border-radius:var(--login-radius-sm);transition:color 0.25s var(--czs-ease-out),background-color 0.25s var(--czs-ease-out)}.login__back:hover{color:var(--login-text-primary);background:var(--czs-overlay-light)}.login__back:focus-visible{outline:2px solid var(--login-accent);outline-offset:3px;color:var(--login-text-primary)}.login__back i{transition:translate 0.25s var(--czs-ease-out)}.login__back:hover i{translate:-4px 0}.login__terms{margin:1rem auto 0;max-width:36ch;font:400 0.75rem / 1.55 var(--login-font-body);color:var(--login-text-secondary);text-align:center;text-wrap:pretty}.login__terms a{color:var(--login-text-primary);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--czs-border-strong);transition:color 0.2s var(--czs-ease-out),text-decoration-color 0.2s var(--czs-ease-out)}.login__terms a:hover{color:var(--login-accent);text-decoration-color:var(--login-accent)}.login__terms a:focus-visible{outline:2px solid var(--login-accent);outline-offset:3px;border-radius:var(--czs-radius-sm)}@media (max-width:420px){.login{padding:1rem}.login__card{padding:2rem 1.35rem 1.75rem}.login__title{font-size:1.65rem}.login__features{grid-template-columns:1fr}.login__mascot{width:100px;height:100px}}@media (prefers-reduced-motion:reduce){.login::before,.login__card,.login__mascot,.login__feature{animation:none}.login__mascot{opacity:1;scale:1;translate:0}.login__feature{opacity:1;translate:0}.login__btn-discord,.login__btn-discord::before,.login__back,.login__back i,.login__feature,.login__terms a{transition:none}.login__btn-discord:hover,.login__btn-discord:active,.login__back:hover i,.login__feature:hover{translate:none}}