@font-face{font-family:'Alien Interface';src:url('/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
body.auth-mode{background:#fdfdff;color:#171529}
.auth-page{--auth-purple:#6950df;--auth-deep:#171529;--auth-muted:#746e84;font-family:'Alien Interface',system-ui,sans-serif;min-height:100svh;padding:22px}
.auth-layout{min-height:calc(100svh - 44px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:28px}
.auth-brand-panel{position:relative;isolation:isolate;min-height:620px;overflow:hidden;border:1px solid #e9e5f5;border-radius:27px;background:radial-gradient(ellipse at 85% 15%,#fff 0,transparent 48%),radial-gradient(ellipse at 12% 90%,#e7e0fe 0,transparent 52%),linear-gradient(140deg,#f4f1ff,#eee8fb 65%,#f9f8fe)}
.auth-brand{position:relative;z-index:2;padding:54px 56px;animation:auth-enter 650ms both;display:flex;align-items:flex-start;flex-direction:column;gap:12px}
.auth-wordmark{font-size:clamp(36px,3.8vw,56px);font-weight:800;line-height:1;letter-spacing:-.065em;color:#1d1937}
.auth-product{display:flex;align-items:center;gap:8px;color:#72668f;font-size:10px;font-weight:700;letter-spacing:.24em}
.auth-product i{display:block;width:18px;height:3px;border-radius:3px;background:#42c9c4}
.auth-brand-footer{position:absolute;z-index:2;bottom:31px;left:56px;font-size:11px;color:#797284;letter-spacing:.02em}
.auth-sculpture{position:absolute;inset:130px -80px 0 -80px;perspective:1200px;pointer-events:none;animation:auth-art-enter 1100ms ease-out both}
.auth-sculpture:before{content:'';position:absolute;width:430px;height:310px;left:18%;top:29%;background:radial-gradient(ellipse,#a48be955,transparent 68%);filter:blur(28px);transform:rotate(-30deg)}
.auth-light-plane{position:absolute;left:50%;top:50%;border-radius:44px;transform-origin:center;border:1px solid #ffffffa8;box-shadow:inset 1px 1px 1px #ffffffa3,0 28px 50px -36px #8670ba80}
.plane-back{width:220px;height:545px;background:linear-gradient(120deg,#f9f7ffb0,#c8b9ef64 52%,#b19ed575);transform:translate(-64%,-50%) rotate(-30deg) skewY(7deg);opacity:.65}
.plane-main{width:226px;height:545px;background:linear-gradient(120deg,#f9f6ff 0%,#e6def9 37%,#c3b0e9 72%,#aa8fdb);transform:translate(-20%,-43%) rotate(-30deg) skewY(7deg);box-shadow:inset 2px 2px 2px #ffffffd9,inset -2px -2px 2px #9a7fce38,22px 38px 50px -30px #8870b96b}
.plane-front{width:175px;height:510px;background:linear-gradient(125deg,#ffffffd4,#f0eafd80 42%,#dcd0f38c);transform:translate(-110%,-28%) rotate(-30deg) skewY(7deg);border-color:#ffffffde;box-shadow:inset 2px 2px 1px #fff,15px 28px 50px -35px #9180b894}
.auth-light-line{position:absolute;left:50%;top:50%;width:2px;height:445px;border-radius:5px;background:linear-gradient(180deg,transparent,#78dbd6ab 25%,#fff8 75%,transparent);transform:translate(23px,-145px) rotate(-30deg);opacity:.75}
.auth-access-panel{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;min-width:0;padding:64px 42px;isolation:isolate}
.auth-access-panel:before{content:'';position:absolute;pointer-events:none;z-index:-1;width:420px;height:440px;max-width:100%;background:radial-gradient(ellipse,#faf7ff 0%,transparent 69%);right:-22px;top:5%}
.auth-form-wrap{width:100%;max-width:384px;animation:auth-enter 650ms 80ms both}
.auth-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#7c6b99;margin:0 0 17px}
.auth-eyebrow>span{width:6px;height:6px;background:#42c9c4;border-radius:50%}
.auth-form-heading h1{font:800 clamp(32px,3vw,42px)/1.2 'Alien Interface',system-ui,sans-serif;letter-spacing:-1.65px;margin:0 0 12px;color:var(--auth-deep)}
.auth-form-heading>p{margin:0;color:var(--auth-muted);font-size:13px;line-height:1.7;max-width:370px}
.auth-form{margin-top:35px;display:flex;flex-direction:column;gap:23px}
.auth-field{display:flex;flex-direction:column;gap:9px}
.auth-remember{display:flex;align-items:center;gap:9px;margin-top:-7px;color:#5d566f;font-size:12px;font-weight:600;cursor:pointer}.auth-remember input{width:16px;height:16px;margin:0;accent-color:#7054df}.auth-remember input:focus-visible{outline:3px solid #a18bec;outline-offset:3px;border-radius:3px}
.auth-field>label{font-size:12px;font-weight:700;color:#49435d}
.auth-input-wrap{display:flex;align-items:center;position:relative;min-height:55px;border:1px solid #e1dfeb;border-radius:12px;background:#fff;box-shadow:0 2px 3px #1d153002;transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease}
.auth-input-wrap:hover{border-color:#c9c3dc}
.auth-input-wrap:focus-within{border-color:#9b87eb;box-shadow:0 0 0 4px #8b6de914}
.auth-input-wrap>.auth-icon{margin-left:17px;color:#aaa1bb;transition:color 180ms ease}
.auth-input-wrap:focus-within>.auth-icon{color:#7960cd}
.auth-input-wrap input{display:block;min-width:0;width:100%;height:54px;padding:14px 15px;border:0;border-radius:12px;background:transparent;color:#2e2744;outline:none;font:500 14px/1.5 'Alien Interface',system-ui,sans-serif;box-shadow:none}
.auth-input-wrap input:focus-visible{outline:none}
.auth-input-wrap input::placeholder{color:#7c728a;font-weight:400;opacity:1}
.auth-input-wrap input[aria-invalid=true]{color:#7b334c}
.auth-input-wrap:has([aria-invalid=true]){border-color:#d58a9f;background:#fffafb}
.auth-input-wrap input:read-only{color:#716b83}
.auth-icon{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--auth-icon) center/contain no-repeat;mask:var(--auth-icon) center/contain no-repeat}
.auth-password-toggle{height:40px;width:40px;flex:none;display:grid;place-items:center;margin-right:7px;border:0;border-radius:8px;color:#89809b;background:transparent;transition:color 160ms ease,background 160ms ease}
.auth-password-toggle:hover{color:#6d55c7;background:#f5f2ff}
.auth-password-toggle:active{background:#ebe5fc}
.auth-password-toggle:focus-visible,.auth-submit:focus-visible{outline:3px solid #a18bec;outline-offset:4px}
.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;border:1px solid #684cd7;border-radius:12px;padding:15px 20px;background:linear-gradient(180deg,#795fea,#674bd6);box-shadow:inset 0 1px 0 #ffffff24,0 7px 16px -8px #6750ca66;color:#fff;font:700 13px/1.5 'Alien Interface',system-ui,sans-serif;transition:transform 160ms ease,box-shadow 180ms ease,filter 180ms ease;margin-top:6px}
.auth-submit-arrow{width:16px;height:16px;position:absolute;right:20px;transition:transform 180ms ease}
.auth-submit:hover:not(:disabled){filter:brightness(1.04);box-shadow:inset 0 1px 0 #ffffff24,0 10px 21px -9px #6750ca80;transform:translateY(-1px)}
.auth-submit:hover .auth-submit-arrow{transform:translateX(3px)}
.auth-submit:active:not(:disabled){transform:translateY(1px);filter:brightness(.96);box-shadow:inset 0 2px 5px #3d248126}
.auth-submit:disabled{opacity:.8;cursor:wait;transform:none}
.auth-spinner{width:15px;height:15px;flex:none;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}
.auth-page [hidden]{display:none!important}
.auth-error{display:flex;align-items:flex-start;gap:9px;border:1px solid #f0cfda;border-radius:10px;background:#fff7fa;color:#a23e5c;padding:12px 13px;animation:auth-enter 180ms ease-out both;margin-top:-9px}
.auth-error .auth-icon{width:16px;height:16px;margin-top:1px}
.auth-error p{margin:0;font-size:11px;line-height:1.6;font-weight:500}
.auth-field-hint{font-size:11px;line-height:1.5;color:#797284;margin:0}
.auth-access-footer{position:absolute;bottom:31px;display:flex;gap:9px;justify-content:center;font-size:10px;color:#797284;letter-spacing:.02em}
.auth-bootstrap{min-height:80svh;display:grid;place-items:center;color:#86799c;font:600 13px 'Alien Interface',system-ui,sans-serif}
@keyframes auth-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-art-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.auth-page{padding:30px}.auth-layout{min-height:calc(100svh - 60px);max-width:1800px;margin:auto}.auth-brand{padding:64px 72px}.auth-brand-footer{left:72px}.auth-form-wrap{max-width:410px}.auth-sculpture{inset:160px -20px 0 -20px;transform:scale(1.12)}}
@media(max-width:1000px) and (min-width:761px){.auth-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1fr);gap:10px}.auth-brand{padding:42px 32px}.auth-wordmark{font-size:39px}.auth-brand-footer{left:32px}.auth-access-panel{padding:50px 28px}.auth-sculpture{left:-140px;right:-120px}}
@media(max-width:760px){.auth-page{padding:0;min-height:100svh;background:radial-gradient(ellipse at 100% 0%,#f0eafa 0,transparent 46%),#fdfdff}.auth-layout{display:flex;flex-direction:column;gap:0;min-height:100svh}.auth-brand-panel{min-height:0;overflow:visible;border:0;border-radius:0;background:none}.auth-brand{padding:38px 28px 0;gap:10px}.auth-wordmark{font-size:33px}.auth-product{font-size:8px;letter-spacing:.22em;gap:7px}.auth-product i{width:14px;height:2px}.auth-sculpture,.auth-brand-footer{display:none}.auth-access-panel{justify-content:flex-start;flex:1;padding:65px 28px 78px}.auth-access-panel:before{display:none}.auth-form-wrap{max-width:400px}.auth-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:15px}.auth-form-heading h1{font-size:34px;letter-spacing:-1.3px}.auth-form-heading>p{font-size:13px}.auth-form{margin-top:30px;gap:23px}.auth-input-wrap{min-height:57px}.auth-input-wrap input{height:56px;font-size:16px}.auth-submit{min-height:56px;font-size:14px;margin-top:6px}.auth-access-footer{bottom:25px}.auth-error p{font-size:12px}}
@media(max-width:380px){.auth-brand{padding:28px 23px 0}.auth-access-panel{padding:46px 23px 70px}.auth-form-heading h1{font-size:31px}}
@media(max-height:650px) and (min-width:761px){.auth-brand-panel{min-height:530px}.auth-access-panel{padding:34px 32px 60px}.auth-form{margin-top:24px;gap:17px}.auth-brand{padding-top:35px}.auth-sculpture{top:90px}.auth-access-footer,.auth-brand-footer{bottom:22px}}
@media(max-height:650px) and (max-width:760px){.auth-brand{padding-top:24px}.auth-access-panel{padding-top:32px}.auth-form{margin-top:24px;gap:18px}}
@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *:before,.auth-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.auth-page[data-auth-kind=login] .auth-form-wrap{min-height:480px}
.auth-eyebrow{color:#7c6b99}.auth-input-wrap input::placeholder{color:#7c728a}.auth-password-toggle{color:#89809b}.auth-access-footer,.auth-brand-footer{color:#797284}.auth-field-hint{color:#797284}
@media(max-width:760px){.auth-page[data-auth-kind=login] .auth-form-wrap{min-height:0}}