:root{--auth-bg:#0b1220;--auth-text:#e6f1ff;--auth-text-soft:#c1cbe0;--auth-primary:#03d1fe;--auth-border:#ffffff26;--auth-shadow:0 40px 80px #0009;--auth-radius:24px;--auth-easing:cubic-bezier(.2,.8,.2,1)}.auth-page{width:100vw;min-height:100svh;color:var(--auth-text);isolation:isolate;background:#000;place-items:center;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}.auth-card{z-index:20;-webkit-backdrop-filter:saturate(1.8)blur(20px);border:1px solid var(--auth-border);width:min(480px,90vw);box-shadow:0 0 0 1px #ffffff0d,var(--auth-shadow);border-radius:var(--auth-radius);background:#0f0f14b3;gap:24px;padding:40px 32px;display:grid;position:relative}.auth-logo{place-items:center;display:grid}.auth-logo-text{letter-spacing:-.02em;gap:2px;font-weight:800;display:inline-flex}.auth-logo-text span{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;font-size:32px;line-height:1;animation:.45s forwards fadeInChar}@keyframes fadeInChar{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.auth-subtext{text-align:center;color:var(--auth-text-soft);margin-top:-8px;font-size:15px;font-weight:400;line-height:1.5}.auth-form{gap:16px;display:grid}.auth-input-group{position:relative}.auth-input-icon{fill:#9bb0d3;opacity:.8;pointer-events:none;width:20px;height:20px;transition:all .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{width:100%;color:var(--auth-text);transition:.2s var(--auth-easing);background:#0003;border:1px solid #ffffff1a;border-radius:14px;padding:14px 14px 14px 46px;font-size:16px}.auth-input::placeholder{color:#ffffff4d}.auth-input:hover{background:#0000004d;border-color:#fff3}.auth-input:focus{border-color:var(--auth-primary);background:#03d1fe0d;outline:none;box-shadow:0 0 0 4px #03d1fe26}.auth-input:focus+.auth-input-icon{fill:var(--auth-primary);opacity:1}.auth-button{background:var(--auth-primary);color:#000;letter-spacing:-.01em;cursor:pointer;width:100%;min-height:52px;transition:transform .15s var(--auth-easing),filter .15s;border:none;border-radius:14px;font-size:16px;font-weight:700}.auth-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #03d1fe4d}.auth-button:active{transform:translateY(0)scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-links{align-items:center;gap:16px;width:100%;margin-top:8px;display:flex}.auth-links.spread{justify-content:space-between}.auth-links.center{justify-content:center}.auth-link{color:#ffffff80;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.auth-link:hover{color:#fff;text-decoration:underline}@media (max-width:520px){.auth-card{border-radius:20px;width:90vw;padding:32px 24px}.auth-logo-text span{font-size:28px}.auth-button{min-height:48px}}
.bg-marquee-wrap{z-index:0;transform-origin:50%;opacity:.6;background:#050511;flex-direction:column;justify-content:center;gap:24px;display:flex;position:absolute;inset:0;overflow:hidden;transform:skewY(-4deg)scale(1.1)}.bg-marquee-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#0a0a1466,#05050af2);position:absolute;inset:0}.marquee-track{width:100%;display:flex;position:relative;overflow:hidden}.marquee-content{flex-shrink:0;gap:24px;display:flex}.marquee-item{opacity:.7;border:1px solid #ffffff0d;border-radius:12px;width:400px;height:240px;transition:opacity .3s;overflow:hidden;box-shadow:0 4px 20px #00000080}.marquee-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.scroll-left{animation:60s linear infinite scrollLeft}.scroll-right{animation:70s linear infinite scrollRight}.scroll-left-slow{animation:80s linear infinite scrollLeft}@media (max-width:768px){.bg-marquee-wrap{gap:16px;transform:skewY(-4deg)scale(1.2)}.marquee-item{width:280px;height:160px}}