.login-shell{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);background:var(--bg-secondary);overflow:hidden;font-family:var(--font-sans)}@media (max-width: 900px){.login-shell{grid-template-columns:1fr;grid-template-rows:42vh 1fr}}@media (max-width: 480px){.login-shell{grid-template-rows:28vh 1fr}}.login-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 56px;background:linear-gradient(135deg,var(--brand-50) 0%,oklch(.96 .04 195) 60%,oklch(.97 .02 220) 100%)}[data-variant=bold] .login-hero{background:linear-gradient(135deg,#0c0a1d,#010717 60%,#00030c)}.login-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--border-primary) 1px,transparent 1px),linear-gradient(to bottom,var(--border-primary) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 40%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 40%,transparent 80%);pointer-events:none;opacity:.55;z-index:0}[data-variant=bold] .login-hero:before{background-image:linear-gradient(to right,oklch(.78 .2 195 / .08) 1px,transparent 1px),linear-gradient(to bottom,oklch(.78 .2 195 / .08) 1px,transparent 1px);opacity:1}.login-hero:after{content:"";position:absolute;top:38%;left:50%;width:520px;height:520px;background:radial-gradient(circle,oklch(.82 .13 195 / .35),transparent 65%);transform:translate(-50%,-50%);filter:blur(40px);pointer-events:none;z-index:0}[data-variant=bold] .login-hero:after{background:radial-gradient(circle,oklch(.78 .2 195 / .4),oklch(.65 .25 305 / .25) 45%,transparent 70%);width:620px;height:620px;filter:blur(60px)}.motion-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.motion-lines svg{width:100%;height:100%;display:block}.motion-lines .ml-line{stroke-dasharray:4 8;animation:driftLine 12s linear infinite;animation-delay:var(--delay, 0s)}@keyframes driftLine{to{stroke-dashoffset:-200}}.tiles-ring{position:absolute;inset:0;pointer-events:none;z-index:2}.tile{position:absolute;width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-md);background:#ffffffb3;border:1px solid var(--brand-200);color:var(--brand-700);box-shadow:var(--shadow-sm);pointer-events:auto;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);animation:floatTile var(--duration, 14s) ease-in-out infinite;animation-delay:var(--delay, 0s);--x: 0px;--y: 0px}.tile:hover{transform:translate(var(--x),calc(var(--y) - 4px));box-shadow:var(--shadow-md)}[data-variant=bold] .tile{background:#19182c99;border-color:oklch(.78 .2 195 / .3);color:oklch(.78 .2 195);box-shadow:0 0 30px oklch(.78 .2 195 / .15)}[data-variant=bold] .tile.tile--blur{background:#19182cd9}@keyframes floatTile{0%,to{transform:translate(var(--x),var(--y))}50%{transform:translate(calc(var(--x) + var(--ax, 8px)),calc(var(--y) + var(--ay, -14px)))}}.tile-1{top:16%;left:14%;--duration: 14s;--delay: 0s;--ax: 6px;--ay: -16px}.tile-2{top:10%;left:50%;--duration: 16s;--delay: -3s;--ax: -8px;--ay: 12px}.tile-3{top:18%;right:12%;--duration: 13s;--delay: -5s;--ax: 10px;--ay: -10px}.tile-4{top:46%;left:6%;--duration: 15s;--delay: -2s;--ax: -6px;--ay: 14px}.tile-5{top:46%;right:6%;--duration: 18s;--delay: -7s;--ax: 12px;--ay: -8px}.tile-6{bottom:12%;right:14%;--duration: 17s;--delay: -1s;--ax: -10px;--ay: 10px}.login-mascot{position:relative;width:clamp(160px,18vw,240px);aspect-ratio:1;z-index:3;filter:drop-shadow(0 30px 60px oklch(.72 .14 195 / .35));animation:breathe 6s ease-in-out infinite}.login-mascot img{width:100%;height:100%;object-fit:contain;display:block}[data-variant=bold] .login-mascot{filter:drop-shadow(0 16px 32px oklch(.72 .14 195 / .45))}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.login-hero-text{position:relative;z-index:4;max-width:540px;text-align:center;display:flex;flex-direction:column;gap:8px;margin-top:12px}.login-hero-text h1{margin:0;font-size:var(--text-3xl);font-weight:650;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}[data-variant=bold] .login-hero-text h1{background:linear-gradient(90deg,var(--brand-400),var(--neon-magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.login-hero-text p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}[data-variant=bold] .login-hero-text p{color:#b6b6c4}.login-form-pane{position:relative;display:grid;place-items:center;padding:32px;background:var(--bg-secondary)}[data-variant=bold] .login-form-pane{background:#03020a}.login-card{width:100%;max-width:400px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:32px 28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:20px}[data-variant=bold] .login-card{background:linear-gradient(135deg,#19182c,#10101e);border-color:#514e8080;box-shadow:0 12px 32px #0006}.login-brand{display:flex;align-items:center;gap:10px}.login-brand-mark{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-50),var(--brand-100));overflow:hidden;padding:3px;flex-shrink:0}.login-brand-mark img{width:100%;height:100%;object-fit:contain;display:block}[data-variant=bold] .login-brand-mark{background:linear-gradient(135deg,oklch(.78 .18 195 / .18),oklch(.7 .18 285 / .18));border:1px solid oklch(.78 .2 195 / .35);box-shadow:0 0 16px oklch(.78 .2 195 / .35),inset 0 0 8px oklch(.78 .2 195 / .15)}.login-brand-text{font-weight:650;letter-spacing:-.01em;font-size:15px;color:var(--text-primary)}.login-brand-text small{display:block;font-size:10px;color:var(--text-tertiary);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}.login-title{margin:0;font-size:var(--text-2xl);font-weight:650;letter-spacing:-.02em;color:var(--text-primary)}.login-subtitle{margin:0;color:var(--text-secondary);font-size:13px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input-toggle{width:24px;height:24px;display:grid;place-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer}.login-input-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.login-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:16px;border-top:1px solid var(--border-primary)}[data-variant=bold] .login-card-foot{border-top-color:#302f4b66}.login-card-foot-left{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-tertiary)}.login-forgot{font-size:12px;color:var(--text-secondary);background:none;border:none;cursor:not-allowed;padding:0;font-family:inherit;opacity:.7}.login-forgot:hover{text-decoration:underline}@media (max-width: 900px){.login-hero{padding:24px;gap:12px}.login-hero-text h1{font-size:var(--text-xl)}.login-hero-text p{font-size:12.5px}.tile{width:44px;height:44px}.tile-2,.tile-5{display:none}.login-form-pane{padding:20px 16px;align-items:start}.login-card{padding:24px 20px}}@media (max-width: 480px){.login-hero{padding:16px}.login-hero-text,.tile{display:none}.login-mascot{width:clamp(110px,28vw,150px)}.login-card{padding:22px 18px;border-radius:var(--radius-xl)}}@media (prefers-reduced-motion: reduce){.tile,.login-mascot,.motion-lines .ml-line{animation:none!important}}