.login-page{min-height:100dvh;color:var(--color-text);isolation:isolate;background-color:#18221c;background-image:url(/images/style-library/nico-style-atlas-03.webp);background-position:50%;background-size:cover;place-items:center;padding:clamp(20px,5vw,56px) 20px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px)saturate(82%);background:#0c16107a;position:absolute;inset:-24px}.login-page:after{content:"";z-index:-1;background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 38%),linear-gradient(#07130c1f,#07130c57);position:absolute;inset:0}.login-panel{background:color-mix(in srgb, var(--color-surface-raised) 93%, transparent);-webkit-backdrop-filter:blur(28px)saturate(112%);border:1px solid #ffffffa8;border-radius:28px;width:min(100%,430px);padding:42px;box-shadow:0 32px 90px #040e086b,inset 0 1px #ffffff94}.login-brand{color:#668b74;font-size:var(--font-size-reading);letter-spacing:-.02em;align-items:center;gap:9px;margin-bottom:0;font-weight:750;display:inline-block}.login-panel-header{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:36px;display:flex}.login-panel h1{color:var(--color-text-strong);letter-spacing:-.035em;margin:0;font-size:30px;line-height:1.15}.login-panel>p{color:var(--color-text-muted);font-size:var(--font-size-interface);margin:10px 0 28px}.login-panel form{gap:18px;display:grid}.login-panel label{gap:8px;display:grid}.login-panel label span{color:var(--color-text);font-size:var(--font-size-body);font-weight:650}.login-panel input{border-radius:var(--radius-control);width:100%;height:44px;color:var(--color-text-strong);background:var(--color-surface);font:inherit;box-shadow:var(--shadow-control);border:0;padding:0 13px}.login-panel input:focus-visible{box-shadow:var(--shadow-control-focus);border-color:#0000;outline:none}.login-captcha-row{grid-template-columns:minmax(0,1fr) 132px;gap:10px;display:grid}.login-panel .login-captcha-image{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;margin:0;padding:0;overflow:hidden}.login-captcha-image img{object-fit:cover;width:100%;height:42px;display:block}.login-panel button:not(.global-theme-toggle,.login-captcha-button,.login-captcha-retry,.login-forgot-password),.login-primary-link{border-radius:var(--radius-control);min-height:44px;color:var(--color-text-inverse);background:var(--color-primary);font:inherit;border:0;place-items:center;margin-top:6px;font-weight:700;text-decoration:none;display:grid}.login-panel button:not(.global-theme-toggle,.login-captcha-button,.login-captcha-retry,.login-forgot-password):not(:disabled):hover,.login-primary-link:hover{background:var(--color-primary-hover)}.login-panel button:not(.global-theme-toggle,.login-captcha-button,.login-captcha-retry,.login-forgot-password):disabled{cursor:wait;opacity:.55}.login-panel .login-secondary-button{color:var(--color-primary);background:0 0;margin-top:-8px}.login-panel .login-secondary-button:not(:disabled):hover{background:var(--color-primary-soft)}.login-error{border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-soft);font-size:var(--font-size-body);margin:-4px 0 0;padding:10px 12px;line-height:1.45}@media (width<=520px){.login-page{place-items:center;padding:18px}.login-panel{border-radius:24px;width:min(100%,420px);max-height:calc(100dvh - 36px);padding:30px 24px 32px;overflow:auto}.login-panel-header{margin-bottom:36px}}.app-login-overlay{z-index:1200;-webkit-backdrop-filter:blur(12px)saturate(.86);backdrop-filter:blur(12px)saturate(.86);background:#121d182e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-login-overlay-card{width:min(430px,100vw - 32px);position:relative}.app-login-overlay-card .login-panel{width:100%;margin:0;box-shadow:0 28px 90px #0f1f1738}.app-login-overlay-close{z-index:2;background:var(--color-surface-subtle);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:15px;right:15px}.app-login-overlay-close svg{width:17px;height:17px}.app-login-overlay{-webkit-backdrop-filter:blur(18px)saturate(.78);background:#121d183d;padding:20px}.app-login-overlay-card{width:min(398px,100vw - 32px)}.app-login-overlay-card .login-panel{isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-raised) 91%, transparent), color-mix(in srgb, var(--color-surface-raised) 86%, var(--color-primary-soft)) 48%, color-mix(in srgb, var(--color-surface-raised) 88%, var(--color-accent-soft)));box-shadow:0 34px 100px color-mix(in srgb, var(--color-text-strong) 24%, transparent), 0 10px 30px color-mix(in srgb, var(--color-text-strong) 11%, transparent), 0 0 54px color-mix(in srgb, var(--color-focus-ring) 10%, transparent);-webkit-backdrop-filter:blur(34px)saturate(138%);border:0;border-radius:22px;padding:30px 32px 26px;position:relative;overflow:hidden}.app-login-overlay-card .login-panel:before,.app-login-overlay-card .login-panel:after{content:"";z-index:-2;pointer-events:none;filter:blur(52px);opacity:.58;will-change:transform;border-radius:999px;width:280px;height:280px;position:absolute}.app-login-overlay-card .login-panel:before{background:radial-gradient(circle,#3ec1e7c2 0,#6f7eef6b 43%,#0000 72%);animation:11s cubic-bezier(.45,0,.3,1) infinite alternate login-ambient-a;top:-162px;left:-104px}.app-login-overlay-card .login-panel:after{background:radial-gradient(circle,#f78676b8 0,#e6b15d61 46%,#0000 72%);animation:14s cubic-bezier(.45,0,.3,1) infinite alternate login-ambient-b;bottom:-170px;right:-132px}.app-login-overlay-card .login-panel>*{z-index:1;position:relative}@keyframes login-ambient-a{0%{transform:translate(-12px,-8px)scale(.92)rotate(-5deg)}52%{transform:translate(44px,58px)scale(1.2)rotate(5deg)}to{transform:translate(92px,26px)scale(1.08)rotate(11deg)}}@keyframes login-ambient-b{0%{transform:translate(16px,12px)scale(.94)}48%{transform:translate(-72px,-22px)scale(1.18)}to{transform:translate(-38px,-72px)scale(1.08)}}@keyframes login-form-glow{0%{background-position:0 0}to{background-position:100% 72%}}.app-login-overlay-close{background:0 0;border-radius:8px;width:30px;height:30px;top:14px;right:14px}.app-login-overlay-close:hover{background:var(--color-surface-subtle);color:var(--color-text-strong)}.login-panel-header{min-height:28px;margin-bottom:22px}.login-brand{color:var(--color-primary);font-size:var(--font-size-body);align-items:center;gap:8px;font-weight:720;display:inline-flex}.login-brand img{width:25px;height:25px}.login-panel-intro{margin-bottom:20px}.login-panel-intro h1{font:650 25px/1.15 var(--font-display);letter-spacing:-.035em}.login-panel-intro p{color:var(--color-text-muted);font-size:var(--font-size-meta);margin:7px 0 0;line-height:1.5}.login-mode-switch{border-bottom:1px solid color-mix(in srgb, var(--color-text-strong) 10%, transparent);gap:20px;margin-bottom:20px;display:flex}.login-panel .login-mode-switch button{min-height:32px;color:var(--color-text-muted);font-size:var(--font-size-control);background:0 0;border-radius:0;margin:0;padding:0 1px;font-weight:620;box-shadow:inset 0 -2px #0000}.login-panel .login-mode-switch button[aria-pressed=true]{color:var(--color-text-strong);box-shadow:inset 0 -2px var(--color-text-strong);background:0 0}.login-panel .login-mode-switch button:not(:disabled):hover{color:var(--color-text-strong);background:0 0}.login-method-switch{border-bottom:1px solid var(--color-border-subtle);gap:18px;margin:-8px 0 17px;display:flex}.login-panel .login-method-switch button{min-height:31px;color:var(--color-text-muted);font-size:var(--font-size-control);background:0 0;border-radius:0;margin:0;padding:0 1px;font-weight:620;box-shadow:inset 0 -2px #0000}.login-panel .login-method-switch button[aria-pressed=true]{color:var(--color-primary);box-shadow:inset 0 -2px var(--color-primary)}.login-panel .login-method-switch button:not(:disabled):hover{color:var(--color-primary);background:0 0}.login-panel form{gap:14px}.login-panel label{gap:6px}.login-panel label>span{font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:620}.login-panel .login-forgot-password{min-height:auto;color:var(--color-text-strong);font-size:var(--font-size-caption);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-weight:620}.login-panel .login-forgot-password:not(:disabled):hover{color:var(--color-primary);background:0 0}.login-input-shell{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-text-strong) 16%, transparent);background:0 0;border-radius:0;align-items:center;gap:9px;height:42px;padding:0 2px;transition:border-color .15s;display:flex}.login-input-shell:focus-within{border-color:color-mix(in srgb, var(--color-primary) 70%, var(--color-text-strong))}.login-input-shell>svg{width:16px;height:16px;color:var(--color-text-faint);stroke-width:1.6px;flex:none}.login-panel .login-input-shell input{height:40px;box-shadow:none;font-size:var(--font-size-control);background:0 0;border:0;border-radius:0;padding:0}.login-panel .login-input-shell input:focus-visible{box-shadow:none}.login-panel .login-input-shell input::placeholder{color:var(--color-text-faint)}.login-panel form>.async-action-button,.login-panel form>button[type=submit],.login-panel form>.login-captcha .login-captcha-button{background:linear-gradient(115deg, var(--color-text-strong), color-mix(in srgb, var(--color-text-strong) 82%, var(--color-accent)) 52%, var(--color-text-strong));min-height:42px;color:var(--color-text-inverse);font-size:var(--font-size-control);box-shadow:0 10px 24px color-mix(in srgb, var(--color-text-strong) 22%, transparent), inset 0 1px color-mix(in srgb, var(--color-text-inverse) 13%, transparent);background-size:180% 100%;border:0;border-radius:10px;margin-top:4px;font-weight:700;transition:background-position .28s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.login-panel form>.async-action-button:not(:disabled):hover,.login-panel form>button[type=submit]:not(:disabled):hover,.login-panel form>.login-captcha .login-captcha-button:not(:disabled):hover{box-shadow:0 13px 30px color-mix(in srgb, var(--color-text-strong) 28%, transparent), 0 0 24px color-mix(in srgb, var(--color-focus-ring) 12%, transparent), inset 0 1px color-mix(in srgb, var(--color-text-inverse) 17%, transparent);background-position:100% 0;transform:translateY(-1px)}.login-panel form>.async-action-button:disabled,.login-panel form>button[type=submit]:disabled,.login-panel form>.login-captcha .login-captcha-button:disabled{background:var(--color-disabled-surface);color:var(--color-disabled-text);box-shadow:none;transform:none}.login-captcha{gap:7px;display:grid}.login-captcha-mount{min-width:0;overflow:visible}.login-panel .login-captcha-button{background:color-mix(in srgb, var(--color-text-strong) 7%, transparent);min-height:42px;color:var(--color-text-strong);font-size:var(--font-size-control);letter-spacing:.01em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-strong) 9%, transparent);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin:0;font-weight:680;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:flex}.login-captcha-status-icon{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:6px;flex:none;place-items:center;width:17px;height:17px;display:grid}.login-captcha-status-icon svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.login-panel .login-captcha-button:not(:disabled):hover{background:color-mix(in srgb, var(--color-text-strong) 12%, transparent);color:var(--color-text-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-strong) 13%, transparent), 0 8px 18px color-mix(in srgb, var(--color-text-strong) 8%, transparent);transform:translateY(-1px)}.login-panel .login-captcha-button:disabled{background:color-mix(in srgb, var(--color-text-strong) 4%, transparent);color:var(--color-disabled-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-strong) 5%, transparent)}.login-captcha[data-status=loading] .login-captcha-status-icon{animation:1.25s ease-in-out infinite login-captcha-pulse}.login-captcha[data-status=passed] .login-captcha-button{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-success) 25%, transparent)}.login-panel .login-captcha-retry{min-height:28px;color:var(--color-text-muted);font-size:var(--font-size-caption);background:0 0;border:0;border-radius:8px;justify-self:center;margin:0;padding:0 9px;font-weight:620}.login-panel .login-captcha-retry:hover{background:color-mix(in srgb, var(--color-text-strong) 6%, transparent);color:var(--color-text-strong)}@keyframes login-captcha-pulse{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.login-sms-row{grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:10px;display:grid}.login-sms-row>.login-captcha{align-self:end}.login-sms-row .login-captcha-button{white-space:nowrap;border-radius:8px;gap:5px;height:48px;padding:0 9px}.login-sms-row .login-captcha-status-icon{display:none}.login-sms-row .login-captcha-status-icon svg{width:12px;height:12px}.login-panel .login-sms-row .login-captcha-button{background:color-mix(in srgb, var(--color-text-strong) 8%, transparent);min-width:0;color:var(--color-text-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-strong) 10%, transparent);font-size:14px}.login-panel .login-sms-row .login-captcha-button:not(:disabled):hover{background:color-mix(in srgb, var(--color-text-strong) 14%, transparent);color:var(--color-text-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text-strong) 14%, transparent)}.login-panel .login-sms-row .login-captcha-button:disabled{background:color-mix(in srgb, var(--color-text-strong) 4%, transparent);color:var(--color-disabled-text);box-shadow:none}.login-error{font-size:var(--font-size-caption);border-radius:8px;margin:0;padding:8px 10px}.login-notice{color:var(--color-text-strong);background:var(--color-primary-soft);font-size:var(--font-size-caption);border-radius:8px;margin:0;padding:8px 10px;line-height:1.45}.login-panel .login-sms-cooldown{background:color-mix(in srgb, var(--color-text-strong) 8%, transparent);min-width:0;height:48px;color:var(--color-disabled-text);box-shadow:none;border-radius:8px;margin:0;padding:0 9px;font-size:14px}.login-local-access{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.login-local-access>span{color:var(--color-text-faint);font-size:var(--font-size-caption)}.login-panel .login-local-access>button{min-height:auto;color:var(--color-text-muted);font-size:var(--font-size-control);background:0 0;border-radius:0;align-items:center;gap:5px;margin:0;padding:5px 0;font-weight:620;display:flex}.login-panel .login-local-access>button:not(:disabled):hover{color:var(--color-primary);background:0 0}.login-local-access svg{width:14px;height:14px}@media (width<=520px){.app-login-overlay-card .login-panel{border-radius:19px;padding:27px 22px 22px}.login-panel-intro h1{font-size:23px}}@media (prefers-reduced-motion:reduce){.app-login-overlay-card .login-panel:before,.app-login-overlay-card .login-panel:after,.login-captcha[data-status=loading] .login-captcha-status-icon{animation:none}}.app-login-overlay-card{--login-action-ink:#252c3e;--login-action-shift:#414a68}.app-login-overlay-card .login-panel form>.async-action-button,.app-login-overlay-card .login-panel form>button[type=submit],.app-login-overlay-card .login-panel form>.login-captcha .login-captcha-button{background:linear-gradient(115deg, var(--login-action-ink), var(--login-action-shift) 52%, var(--login-action-ink));box-shadow:0 10px 24px color-mix(in srgb, var(--login-action-ink) 22%, transparent), inset 0 1px color-mix(in srgb, var(--color-text-inverse) 13%, transparent);background-size:180% 100%}.app-login-overlay-card .login-panel form>.async-action-button:disabled,.app-login-overlay-card .login-panel form>button[type=submit]:disabled,.app-login-overlay-card .login-panel form>.login-captcha .login-captcha-button:disabled{background:var(--color-disabled-surface);box-shadow:none}.app-login-overlay{background:color-mix(in srgb, var(--color-primary) 58%, transparent);-webkit-backdrop-filter:blur(8px)saturate(.72);padding:28px}.app-login-overlay-card{background:var(--color-surface-raised);width:min(1080px,100vw - 56px);min-height:min(680px,100dvh - 56px);max-height:calc(100dvh - 56px);box-shadow:0 32px 100px color-mix(in srgb, var(--color-text-strong) 34%, transparent);border:0;border-radius:18px;grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);display:grid;overflow:hidden}.app-login-story{isolation:isolate;min-height:100%;color:var(--color-text-inverse);background-color:var(--color-primary);background-image:-webkit-image-set(url(/images/auth/moonlit-white-border-520.webp) 1x,url(/images/auth/moonlit-white-border-1040.webp) 2x);background-image:image-set("/images/auth/moonlit-white-border-520.webp" 1x,"/images/auth/moonlit-white-border-1040.webp" 2x);background-position:50% 53%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;padding:38px 42px 34px;display:flex;position:relative;overflow:hidden}.app-login-story:before{content:"";z-index:-1;background:color-mix(in srgb, var(--color-text-strong) 48%, transparent);position:absolute;inset:0}.app-login-story-brand{font-size:var(--font-size-reading);align-items:center;gap:10px;font-weight:700;display:flex}.app-login-story-brand img{object-fit:contain;background:#fff;border-radius:6px;padding:3px}.app-login-story-copy{margin-block:auto}.app-login-story-copy small{color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent);font-size:var(--font-size-caption);letter-spacing:.2em;margin-bottom:22px;font-weight:700;display:block}.app-login-story-copy h2{max-width:9em;color:var(--color-text-inverse);font:560 clamp(34px, 4vw, 52px)/1.28 var(--font-display);letter-spacing:-.045em;margin:0}.app-login-story-copy p{max-width:31em;color:color-mix(in srgb, var(--color-text-inverse) 76%, transparent);font-size:var(--font-size-body);margin:24px 0 0;line-height:1.8}.app-login-story-note{color:color-mix(in srgb, var(--color-text-inverse) 70%, transparent);font-size:var(--font-size-caption);margin:0}.app-login-overlay-close{border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);border-radius:50%;width:36px;height:36px;top:18px;right:18px}.app-login-overlay-card .login-panel{background:var(--color-surface-raised);width:min(100%,480px);max-height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;align-self:center;margin:0 auto;padding:54px 54px 42px;overflow:auto}.app-login-overlay-card .login-panel:before,.app-login-overlay-card .login-panel:after,.app-login-overlay-card .login-panel-header{display:none}.app-login-overlay-card .login-panel-intro{margin-bottom:32px}.app-login-overlay-card .login-panel-intro>small{color:var(--color-accent);font-size:var(--font-size-caption);letter-spacing:.2em;margin-bottom:14px;font-weight:750;display:block}.app-login-overlay-card .login-panel-intro h1{font-size:31px;font-weight:620}.app-login-overlay-card .login-panel-intro p{margin-top:10px}.app-login-overlay-card .login-method-switch{grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;display:grid}.app-login-overlay-card .login-panel .login-method-switch button{min-height:42px;font-size:var(--font-size-control)}.app-login-overlay-card .login-panel .login-method-switch button[aria-pressed=true]{color:var(--color-text-strong);box-shadow:inset 0 -2px var(--color-text-strong)}.app-login-overlay-card .login-input-shell{border:1px solid var(--color-border-subtle);border-radius:8px;height:48px;padding:0 13px}.app-login-overlay-card .login-input-shell:focus-within{border-color:var(--color-text-strong);box-shadow:var(--focus-ring)}.app-login-overlay-card .login-panel .login-input-shell input{height:46px}.app-login-overlay-card .login-panel form>.async-action-button,.app-login-overlay-card .login-panel form>button[type=submit],.app-login-overlay-card .login-panel form>.login-captcha .login-captcha-button{background:var(--color-primary);min-height:48px;box-shadow:none;border-radius:8px}.app-login-overlay-card .login-panel form>.async-action-button:not(:disabled):hover,.app-login-overlay-card .login-panel form>button[type=submit]:not(:disabled):hover,.app-login-overlay-card .login-panel form>.login-captcha .login-captcha-button:not(:disabled):hover{background:var(--color-primary-hover);box-shadow:0 8px 22px color-mix(in srgb, var(--color-primary) 18%, transparent)}.app-login-overlay-card .login-mode-switch{color:var(--color-text-muted);font-size:var(--font-size-caption);border:0;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:18px 0 0}.app-login-overlay-card .login-panel .login-mode-switch button{min-height:auto;color:var(--color-text-strong);box-shadow:none;padding:0}.app-login-overlay-card .login-panel .login-forgot-password{color:var(--color-text-strong)}@media (width<=820px){.app-login-overlay{padding:16px}.app-login-overlay-card{grid-template-columns:1fr;width:min(480px,100vw - 32px);min-height:0;max-height:calc(100dvh - 32px)}.app-login-story{background-image:none;display:none}.app-login-overlay-card .login-panel{padding:48px 30px 30px}.app-login-overlay-card .login-panel-header{margin-bottom:22px;display:flex}}.login-verification-inline{box-sizing:border-box;width:100%;min-width:0;color:var(--color-text-muted);background:0 0;border:0;border-radius:0;margin:0;padding:0;position:relative}.login-verification-inline[hidden]{display:none}.login-sms-row>.login-captcha{display:contents}.login-sms-row .login-verification-inline{order:2;grid-column:1/-1}.login-verification-inline>header>strong{font-weight:500}.login-verification-inline>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.login-panel .login-verification-inline .login-verification-close{width:28px;min-height:28px;color:var(--color-text-muted);background:0 0;border:0;border-radius:6px;place-items:center;margin:0;padding:0;font-size:22px;font-weight:400;display:grid}.login-panel .login-verification-inline .login-verification-close:hover{background:var(--color-surface)}.login-verification-inline .login-captcha-mount{justify-content:center;min-width:0;display:grid}.login-verification-inline button[hidden]{display:none}
