.auth-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;overflow:hidden;padding:24px 24px 32px;background:#182233;--auth-brand-shift-y: -200px;--auth-card-shift-x: -18px;--auth-card-shift-y: 0px}.auth-page:before,.auth-page:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}.auth-page:before{background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 82% 18%,rgba(255,149,212,.18),transparent 22%),linear-gradient(180deg,#070a122e,#070a1257)}.auth-page:after{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#080a1205,#080a121a)}.auth-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(1.06) contrast(1.06) brightness(1);transform:none;animation:none}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:18px;justify-content:center;width:100%;max-width:calc(100vw - 48px);transform:translateY(var(--auth-brand-shift-y))}.auth-brand__badge{flex-shrink:0;width:88px;height:88px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,#ffffff57,#ffffff1f);border:1px solid rgba(255,255,255,.28);box-shadow:0 20px 44px #08101e42;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-brand__logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(27,55,120,.18))}.auth-brand__copy{display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap}.auth-brand__name{position:relative;display:inline-block;flex:0 0 3.45ch;width:3.45ch;font-size:clamp(40px,4.5vw,72px);line-height:.92;letter-spacing:.05em;text-align:center;text-transform:uppercase;white-space:nowrap;contain:layout paint}.auth-brand__name-base,.auth-brand__name-overlay{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;letter-spacing:inherit;line-height:inherit;text-transform:inherit;white-space:inherit}.auth-brand__name-base{position:relative;font-family:var(--font-heading);font-weight:700;color:#fff;text-shadow:0 18px 44px rgba(9,18,34,.34),0 0 14px rgba(255,255,255,.2)}.auth-brand__name-overlay{pointer-events:none;font-family:var(--font-slogan);font-weight:400;color:#fff;opacity:0;mix-blend-mode:screen;text-shadow:0 18px 44px rgba(9,18,34,.34),0 0 14px rgba(255,255,255,.18)}.auth-brand__name-overlay--glitch{animation:authMaxGlitchCore 4.8s steps(2,end) infinite}.auth-brand__name-overlay--glitch:before,.auth-brand__name-overlay--glitch:after{content:attr(data-text);position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;white-space:inherit;pointer-events:none;mix-blend-mode:screen}.auth-brand__name-overlay--glitch:before{color:#ff4091eb;transform:translate(.032em,-.016em);clip-path:polygon(0 2%,100% 0,100% 39%,0 46%);text-shadow:-.03em 0 0 rgba(255,72,154,.95);opacity:0;animation:authMaxGlitchTop 4.8s steps(2,end) infinite}.auth-brand__name-overlay--glitch:after{color:#4ac7fff0;transform:translate(-.036em,.024em);clip-path:polygon(0 54%,100% 48%,100% 100%,0 96%);text-shadow:.03em 0 0 rgba(74,199,255,.95);opacity:0;animation:authMaxGlitchBottom 4.8s steps(2,end) infinite}.auth-brand__title{margin:0;color:#fff;display:inline-flex;align-items:center;gap:.24em;font-size:clamp(34px,4.1vw,68px);font-family:var(--font-heading);font-weight:700;line-height:.94;letter-spacing:.015em;max-width:none;white-space:nowrap;text-shadow:0 16px 40px rgba(9,18,34,.28)}.auth-brand__title-static{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}.auth-brand__title-rotator{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;min-width:5.5ch;height:1.08em}.auth-brand__title-typewriter{position:relative;display:inline-grid;align-items:center;justify-items:start;white-space:nowrap}.auth-brand__title-typewriter-sizer{visibility:hidden;grid-area:1 / 1;pointer-events:none}.auth-brand__title-typewriter-live{display:inline-flex;align-items:center;grid-area:1 / 1;align-self:center}.auth-brand__title-typewriter-word{display:inline-block;min-width:0;line-height:1}.auth-brand__title-typewriter-caret{display:inline-block;align-self:center;vertical-align:middle;width:.08em;height:.88em;margin-left:.08em;border-radius:999px;background:currentColor;animation:authTypewriterCaretBlink 1s steps(1,end) infinite}@keyframes authTypewriterCaretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.auth-card{position:relative;z-index:2;width:min(100%,800px);display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.86fr);gap:16px;padding:20px;border-radius:28px;background:#d8d8d88c;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(var(--auth-card-shift-x),var(--auth-card-shift-y));margin-top:-80px;margin-right:-20px}.auth-page--register .auth-card{-webkit-backdrop-filter:none;backdrop-filter:none}.auth-page--lite .auth-video-bg{opacity:.78;filter:saturate(1.01) contrast(1.02) brightness(.9)}.auth-page--lite .auth-brand__badge,.auth-page--lite .auth-card,.auth-page--lite .auth-submit,.auth-page--lite .auth-mode-button,.auth-page--lite .auth-verify-modal__backdrop,.auth-page--lite .auth-loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-page--lite .auth-brand__badge{box-shadow:0 14px 28px #08101e33}.auth-page--lite .auth-card{background:#e0e0e46b;-webkit-backdrop-filter:none;backdrop-filter:none}.auth-page--lite .auth-loading__spinner,.auth-page--lite .bank-card__face{animation:none;transition:none}.auth-card--login{width:min(100%,500px);grid-template-columns:minmax(0,1fr)}.auth-card--login .auth-card__side{display:none}.auth-card__main{display:flex;flex-direction:column;gap:18px;min-width:0}.auth-card__heading h2{margin:0;color:#172133;font-size:30px;font-weight:700;font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase}.auth-subtitle{margin:8px 0 0;color:#4a5973;font-size:14px;line-height:1.5;font-family:var(--font-body)}.auth-section{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-section__title,.auth-side__title{color:#18263a;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-grid{display:grid;gap:12px}.auth-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-input{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border:1px solid rgba(121,137,173,.24);border-radius:14px;background:#ffffffe1;color:#172133;font-size:15px;outline:none;font-family:var(--font-body);font-weight:550}.auth-input--compact{max-width:160px}.auth-input::placeholder{color:#6a7891;font-weight:500}.auth-input:focus{border-color:#5b7cff6b;box-shadow:0 0 0 3px #5b7cff1f}.auth-input--error,.auth-input--error:focus,.auth-input--error:focus-visible{border-color:#d04848b8;box-shadow:0 0 0 3px #d048481f}.auth-field__error{color:#b43a3a;font-size:13px;line-height:1.4;padding:0 2px;text-align:left}.auth-file{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(107,124,160,.34);background:#ffffff8f;cursor:pointer}.auth-file input{display:none}.auth-file__label{color:#40506a;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.auth-file__value{color:#18263a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}.auth-submit{margin-top:4px;width:100%;min-height:48px;border:none;outline:none;border-radius:16px;background:linear-gradient(135deg,#6f2cff80,#b13ef66b 48%,#ff4db880),#ffffff14;color:#fff;font-size:15px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-mode-button{min-height:46px;border:none;outline:none;border-radius:14px;background:linear-gradient(135deg,#6f2cff70,#b13ef65c 52%,#ff4db875),#ffffff12;color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #7534cd26,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease}.auth-mode-button:hover:not(:disabled),.auth-submit:hover:not(:disabled){filter:brightness(1.05)}.auth-mode-button--active{background:linear-gradient(135deg,#6f2cff94,#b13ef67a 52%,#ff4db894),#ffffff17;box-shadow:0 0 0 1px #fff3,0 18px 34px #873adc38,inset 0 1px #ffffff38}.auth-submit:disabled{opacity:.72;cursor:wait}.auth-submit--secondary{min-height:44px;margin-top:0;font-size:14px}.auth-phone-verify{display:flex;flex-direction:column;gap:10px}.auth-grid--verify{align-items:center}.auth-hint{color:#4a5973;font-size:13px;line-height:1.45}.auth-verify-modal__backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#080c146b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:authVerifyFadeIn .2s ease-out}.auth-verify-modal{width:min(100%,420px);display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.2);background:#191c26f0;color:#fff;box-shadow:0 24px 80px #00000059;animation:authVerifyModalIn .22s ease-out}.auth-verify-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-verify-modal__header h3{margin:0;font-size:24px;font-weight:800}.auth-verify-modal__close{position:relative;width:36px;height:36px;border:none;border-radius:999px;background:#ffffff14;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.auth-verify-modal__close:hover{background:#ffffff1f}.auth-verify-modal__text{margin:0;color:#e4e8f5d1;font-size:14px;line-height:1.5}.auth-verify-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-switch-link{align-self:center;border:none;outline:none;background:transparent;padding:0;color:#31215dc7;font-size:13px;font-weight:700;cursor:pointer;transition:color .18s ease,opacity .18s ease,transform .18s ease}.auth-switch-link:hover:not(:disabled){color:#6f2cfff0}.auth-switch-link:disabled{opacity:.58;cursor:wait}.auth-beta-note{align-self:center;margin-top:-2px;color:#d7dce5d1;font-size:12px;line-height:1;letter-spacing:.02em}@keyframes authVerifyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authVerifyModalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand__title:before{content:"";display:none}.auth-message{margin:0;color:#b83232;font-size:14px;text-align:center}.auth-card__side{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border-radius:24px;border:1px solid rgba(121,137,173,.24);background:#ffffffd1;color:#172133;box-shadow:inset 0 1px #ffffff47}.auth-side__subtitle{margin:0;color:#4a5973;font-size:14px;line-height:1.5}.bank-card{position:relative;width:100%;aspect-ratio:1.65 / 1;perspective:1200px}.bank-card__face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:24px;backface-visibility:hidden;transition:transform .7s ease;background:radial-gradient(circle at top left,rgba(255,255,255,.24),transparent 36%),radial-gradient(circle at bottom right,rgba(255,255,255,.14),transparent 28%),linear-gradient(135deg,#6f2cff94,#b13ef67a 52%,#ff4db894);box-shadow:0 20px 40px #040a1659}.bank-card__face--back{transform:rotateY(180deg);background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#6f2cff80,#b13ef66b 48%,#ff4db880)}.bank-card--flipped .bank-card__face--front{transform:rotateY(180deg)}.bank-card--flipped .bank-card__face--back{transform:rotateY(360deg)}.bank-card__brand{color:#ffffffeb;font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.bank-card__number{margin-top:auto;color:#fff;font-size:clamp(20px,2vw,28px);font-weight:800;letter-spacing:.14em;line-height:1.15}.bank-card__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bank-card__label{display:block;color:#f1f6ffb8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bank-card__value,.bank-card__cvc{display:block;margin-top:6px;color:#fff;font-size:15px;font-weight:800}.bank-card__stripe{height:42px;margin:14px -22px 0;background:#040910e6}.bank-card__cvc-box{align-self:flex-end;min-width:120px;margin-top:auto;padding:12px 14px;border-radius:14px;background:#ffffffe6}.bank-card__cvc-box .bank-card__label{color:#5b6780}.bank-card__cvc-box .bank-card__cvc{color:#18263a}.auth-grid--card{align-items:end}.auth-loading{position:fixed;inset:0;z-index:15;display:grid;place-items:center;text-align:center;gap:14px;background:#060a1280;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-loading__spinner{width:78px;height:78px;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:#fff;border-right-color:#60d4bf;animation:auth-spin 1s linear infinite}.auth-loading__title{color:#fff;font-size:24px;font-weight:800}.auth-loading__subtitle{max-width:420px;color:#eef4ffd1;font-size:14px;line-height:1.55}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes authMaxGlitchCore{0%,72%,to{font-family:var(--font-heading);opacity:0;transform:translateZ(0);filter:none}76%{font-family:var(--font-slogan);opacity:.92;transform:translate3d(-.008em,.004em,0);filter:saturate(1.08)}78%{font-family:var(--font-slogan);opacity:1;transform:translate3d(.012em,-.005em,0);filter:contrast(1.08)}80%{font-family:var(--font-slogan);opacity:.94;transform:translate3d(-.014em,.008em,0);filter:saturate(1.12)}84%{font-family:var(--font-slogan);opacity:.7;transform:translate3d(.01em,-.004em,0)}86%{font-family:var(--font-slogan);opacity:.52;transform:translate3d(-.014em,.008em,0)}88%{font-family:var(--font-slogan);opacity:.28;transform:translate3d(.012em,-.008em,0)}}@keyframes authMaxGlitchTop{0%,72%,to{transform:translate(.032em,-.016em);opacity:0}76%{transform:translate(-.042em,.022em);opacity:.76}78%{transform:translate(.048em,-.028em);opacity:.92}80%{transform:translate(-.03em,.018em);opacity:.64}84%{transform:translate(.026em,-.014em);opacity:.48}88%{transform:translate(-.018em,.01em);opacity:.3}}@keyframes authMaxGlitchBottom{0%,72%,to{transform:translate(-.036em,.024em);opacity:0}76%{transform:translate(.04em,-.018em);opacity:.78}78%{transform:translate(-.05em,.03em);opacity:.92}80%{transform:translate(.034em,-.02em);opacity:.66}84%{transform:translate(-.024em,.016em);opacity:.46}88%{transform:translate(.016em,-.01em);opacity:.28}}@media(max-width:1120px){.auth-page{--auth-card-shift-x: 2px;--auth-card-shift-y: 0px}.auth-card{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.auth-video-bg{animation:none;transform:none}}@media(max-width:900px){.auth-page{--auth-brand-shift-y: -22px;--auth-card-shift-x: 0px;--auth-card-shift-y: 0px;align-items:stretch;justify-content:flex-start;overflow-y:auto;gap:18px;padding:calc(18px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px))}.auth-brand{width:min(100%,460px);margin:0 auto;gap:12px;align-items:flex-start;transform:none}.auth-brand__badge{width:72px;height:72px;border-radius:22px}.auth-brand__logo{width:54px;height:54px}.auth-brand__name{font-size:clamp(28px,8vw,48px)}.auth-brand__copy{flex-direction:column;align-items:flex-start;gap:8px;white-space:normal}.auth-brand__title{display:block;white-space:normal;line-height:.96}.auth-brand__title-static{display:inline;white-space:normal}.auth-brand__title-rotator{width:8.2ch}.auth-brand__title:before{content:"";display:none}.auth-card{width:min(100%,460px);margin:0 0 0 auto;padding:20px;border-radius:24px}.auth-card__side{display:none}.auth-card__main{gap:18px}.auth-card__heading h2{font-size:26px}.auth-section{gap:12px}.auth-input,.auth-submit,.auth-mode-button{min-height:50px}.auth-switch-link{min-height:40px}.auth-grid--triple{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.auth-page{--auth-brand-shift-y: 0px;--auth-card-shift-x: 0px;--auth-card-shift-y: 0px;gap:14px;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px))}.auth-brand{gap:10px;flex-direction:column;align-items:stretch}.auth-brand__copy,.auth-brand{text-align:left}.auth-brand__copy{gap:6px}.auth-brand__badge{width:62px;height:62px;border-radius:20px}.auth-brand__logo{width:48px;height:48px}.auth-brand__name{font-size:clamp(20px,7vw,30px)}.auth-brand__title{font-size:clamp(20px,8vw,28px)}.auth-brand__title-rotator{width:6.8ch}.auth-brand__title:before{content:"";display:none}.auth-card{gap:16px;padding:16px;border-radius:20px;box-shadow:0 18px 36px #00000038}.auth-card__heading h2{font-size:22px}.auth-subtitle{font-size:13px;line-height:1.45}.auth-section__title,.auth-side__title{font-size:12px;letter-spacing:.1em}.auth-input,.auth-submit,.auth-mode-button{min-height:48px;padding-left:14px;padding-right:14px;border-radius:14px;font-size:14px}.auth-phone-verify{gap:10px}.auth-switch-link{min-height:38px;font-size:13px}.auth-beta-note,.auth-message,.auth-hint,.auth-field__error{font-size:12px;line-height:1.45}.auth-grid--double,.auth-grid--triple{grid-template-columns:1fr}.auth-input--compact{max-width:none}.auth-verify-modal__backdrop{align-items:flex-end;padding:12px}.auth-verify-modal{width:100%;max-width:none;max-height:88dvh;overflow-y:auto;padding:18px;border-radius:24px 24px 18px 18px}}@media(max-width:430px){.auth-page{gap:12px;padding-left:10px;padding-right:10px}.auth-brand__badge{width:56px;height:56px;border-radius:18px}.auth-brand__logo{width:42px;height:42px}.auth-brand__name{font-size:22px}.auth-brand__title{font-size:19px}.auth-card{padding:14px;border-radius:18px}.auth-card__main{gap:14px}.auth-section{gap:10px}.auth-input,.auth-submit,.auth-mode-button{min-height:46px;font-size:13px}.auth-grid--verify{gap:8px}}@font-face{font-family:Kulim Park;src:url(/fonts/KulimPark-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kulim Park;src:url(/fonts/KulimPark-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Comfortaa;src:url(/fonts/Comfortaa-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Rubik Glitch;src:url(/fonts/RubikGlitch-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sansation;src:url(/fonts/Sansation-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sansation;src:url(/fonts/Sansation-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-body: "Kulim Park", "Segoe UI", Helvetica, Arial, sans-serif;--font-heading: "Rubik", "Segoe UI", Helvetica, Arial, sans-serif;--font-slogan: "Rubik Glitch", "Rubik", "Segoe UI", Helvetica, Arial, sans-serif;--ui-font-size-base: 16px;--ui-touch-target-multiplier: 1}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth;font-size:var(--ui-font-size-base)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:#0f1115;color:#f8fafc}html[data-ui-font-scale=sm]{--ui-font-size-base: 15px}html[data-ui-font-scale=md]{--ui-font-size-base: 16px}html[data-ui-font-scale=lg]{--ui-font-size-base: 17.5px}html[data-ui-touch-targets=large]{--ui-touch-target-multiplier: 1.12}html[data-ui-reduce-motion=true] *,html[data-ui-reduce-motion=true] *:before,html[data-ui-reduce-motion=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body,body button,body a,body span,body div,body p,body h1,body h2,body h3,body h4,body h5,body h6,body label,body strong,body small,body li,body ul,body ol{-webkit-user-select:none;user-select:none}body input,body textarea,body select,body option,body [contenteditable=true],body [contenteditable=plaintext-only]{-webkit-user-select:text;user-select:text}body img,body video,body svg,body canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.app-update-banner{position:fixed;top:18px;right:18px;z-index:9999;width:min(440px,calc(100vw - 32px));display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#0c0e12f5,#12161cf5);box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-update-banner--downloaded{border-color:#56bb8057}.app-update-banner--downloading,.app-update-banner--checking{border-color:#679bff47}.app-update-banner--error{border-color:#ff767657}.app-update-banner__copy{display:grid;gap:4px;min-width:0}.app-update-banner__copy strong{font-family:var(--font-heading);font-size:14px;line-height:1.2;color:#f8fafc}.app-update-banner__copy span{font-size:13px;line-height:1.45;color:#eaf0ffdb}.app-update-banner__meta{color:#aac4ffd1}.app-update-banner__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-update-banner__button{border:none;border-radius:12px;padding:10px 14px;font-family:var(--font-heading);font-size:12px;font-weight:700;color:#081019;background:linear-gradient(135deg,#93c5fd,#67e8f9);cursor:pointer;transition:transform .16s ease,opacity .16s ease}.app-update-banner__button:hover{transform:translateY(-1px)}.app-update-banner__button--ghost{color:#f8fafc;background:#ffffff14}@media(max-width:640px){.app-update-banner{left:16px;right:16px;width:auto;flex-direction:column}.app-update-banner__actions,.app-update-banner__button{width:100%}}h1,h2,h3,h4,h5,h6,.heading-font,.auth-brand__name,.auth-brand__title,.auth-card__heading h2,.auth-section__title,.auth-side__title,.chat__topbar-title,.chat__topbar-title strong,.text__channel h1,.text__channel h2,.voice__channels h2,.friends-panel__name,.server-members-panel__header h3,.server-members-panel__name,.voice-channel__title,.settings-channel-name{font-family:var(--font-heading);font-style:normal}.auth-brand__title,.auth-brand__name{font-family:var(--font-heading);font-weight:700}.app-loader{min-height:100vh;display:grid;place-items:center;gap:22px;padding:24px;text-align:center;background:radial-gradient(circle at top,rgba(139,183,255,.12),transparent 24%),radial-gradient(circle at 50% 38%,rgba(77,124,255,.08),transparent 18%),linear-gradient(180deg,#040506,#0b0d11 46%,#12151b)}.app-loader__stage{position:relative;width:124px;height:124px;display:grid;place-items:center}.app-loader__halo{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,#82adff57,#3b6eff1f 42%,#090c1200 72%);filter:blur(8px);animation:app-loader-breathe 2.8s ease-in-out infinite}.app-loader__ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}.app-loader__ring--outer{border-top-color:#fffffff0;border-right-color:#719cffdb;border-bottom-color:#4c78e433;border-left-color:#ffffff14;box-shadow:0 0 0 10px #ffffff05,0 0 32px #4d7cff1f;animation:app-loader-spin 1.15s linear infinite}.app-loader__ring--inner{inset:19px;border-top-color:#9acdffe6;border-left-color:#ffffffb8;border-right-color:#6087ff2e;border-bottom-color:#ffffff14;animation:app-loader-spin-reverse 1.9s linear infinite}.app-loader__core{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#dbe7ff 28%,#7da4ff 58%,#33529b);box-shadow:0 0 28px #7ea7ff5c,inset 0 0 14px #ffffff42;animation:app-loader-core-pulse 1.6s ease-in-out infinite}.app-loader__spark{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#fff,#a9c0ff);box-shadow:0 0 18px #92b6ff73}.app-loader__spark--one{top:10px;right:20px;animation:app-loader-orbit-one 2.6s ease-in-out infinite}.app-loader__spark--two{bottom:14px;left:16px;width:8px;height:8px;animation:app-loader-orbit-two 2.2s ease-in-out infinite}.app-loader__spark--three{top:50%;left:-2px;width:7px;height:7px;animation:app-loader-orbit-three 1.9s ease-in-out infinite}.app-loader__subtitle{max-width:320px;color:#dee6f5c7;font-size:14px;line-height:1.6;letter-spacing:.02em}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@keyframes app-loader-spin-reverse{to{transform:rotate(-360deg)}}@keyframes app-loader-breathe{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes app-loader-core-pulse{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes app-loader-orbit-one{0%,to{transform:translateZ(0) scale(.8);opacity:.64}50%{transform:translate3d(-14px,9px,0) scale(1.12);opacity:1}}@keyframes app-loader-orbit-two{0%,to{transform:translateZ(0) scale(.85);opacity:.55}50%{transform:translate3d(12px,-10px,0) scale(1.16);opacity:.92}}@keyframes app-loader-orbit-three{0%,to{transform:translateZ(0) scale(.9);opacity:.48}50%{transform:translate3d(16px,-6px,0) scale(1.18);opacity:.94}}button,input,textarea,select{font:inherit}input,textarea,select{outline:none;box-shadow:none}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:inherit;transition:background-color 9999s ease-in-out 0s;box-shadow:inset 0 0 0 1000px transparent}
