.auth-page{--auth-bg:#fbfbfd;--auth-text:#171723;--auth-muted:#686877;--auth-border:#e2e2eb;--auth-input:#fff;--auth-accent:#7145d8;min-height:100svh;background:var(--auth-bg);color:var(--auth-text)}.dark .auth-page{--auth-bg:#0d0d14;--auth-text:#f5f3fa;--auth-muted:#a4a1b4;--auth-border:#2d2b3a;--auth-input:#17161f;--auth-accent:#b59afa}.auth-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10}.auth-home{font-size:24px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 100px);max-width:1700px;margin:auto}.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 40px 25px;min-width:0}.auth-form{width:100%;max-width:380px;margin:auto}.auth-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--auth-accent)}.auth-form-heading{margin-bottom:30px}.auth-form-heading h1{font-size:34px;line-height:1.2;letter-spacing:-1.4px;font-weight:650;margin:12px 0}.auth-form-heading h1:focus{outline:none}.auth-form-heading p{color:var(--auth-muted);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.auth-google,.auth-primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;border-radius:10px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.auth-google{border:1px solid var(--auth-border);background:var(--auth-input)}.auth-google:hover{background:color-mix(in srgb,var(--auth-accent) 7%,var(--auth-input))}.auth-primary{background:#7950df;color:#fff;margin-top:22px;box-shadow:0 4px 18px #7a50df22}.auth-primary:hover{background:#6840c9}.auth-primary:active{transform:translateY(1px)}.auth-page button:disabled{opacity:.55;cursor:wait}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--auth-accent);outline-offset:4px}.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--auth-muted);font-size:11px}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1;background:var(--auth-border)}.auth-field{margin:17px 0}.auth-field label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.auth-field input:not([type=checkbox]){background:var(--auth-input);border:1px solid var(--auth-border);border-radius:9px;width:100%;height:48px;padding:0 13px;font-size:14px;transition:border .2s,box-shadow .2s}.auth-field input:focus{outline:none;border-color:var(--auth-accent);box-shadow:0 0 0 3px #9c76ef19}.auth-field input::placeholder{color:var(--auth-muted);opacity:.65}.auth-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.auth-label-row button{color:var(--auth-accent);font-size:11px}.auth-password{position:relative}.auth-password input{padding-right:48px!important}.auth-password button{position:absolute;right:4px;top:2px;height:44px;width:40px;display:grid;place-items:center;color:var(--auth-muted)}.auth-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.8;color:var(--auth-muted);margin-top:20px}.auth-consent input{accent-color:#7950df;width:16px;height:16px;flex-shrink:0;margin-top:2px}.auth-consent a{color:var(--auth-text);text-decoration:underline;text-underline-offset:3px}.auth-switch{text-align:center;font-size:12px;color:var(--auth-muted);margin:25px 0 20px}.auth-switch a{color:var(--auth-accent);font-weight:600;display:inline-flex;gap:5px;align-items:center;margin-left:4px}.auth-security{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--auth-muted);font-size:10px}.auth-error,.auth-notice{padding:12px;border-radius:8px;margin-top:16px;font-size:12px;line-height:1.6}.auth-error{background:#ef444414;color:#bd3446;border:1px solid #ef444433}.dark .auth-error{color:#ffabb5}.auth-notice{background:#14b8a614;color:var(--auth-text)}.auth-back,.auth-resend{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;color:var(--auth-accent);font-size:12px}.auth-code{letter-spacing:.4em;font-size:20px!important}.auth-loading{gap:10px;align-items:center}.auth-footer,.auth-loading{display:flex;justify-content:center;color:var(--auth-muted)}.auth-footer{gap:20px;font-size:10px;margin-top:50px;flex-wrap:wrap}.auth-partner{margin-top:32px}.auth-partner img{width:119px;height:auto;opacity:.8}.auth-story{position:relative;overflow:hidden;margin:0 24px 24px 0;border-radius:24px;background:#f0edf8;display:flex;flex-direction:column;align-items:center;padding:56px 30px 24px;min-height:720px;isolation:isolate}.dark .auth-story{background:#181422}.auth-story-glow{position:absolute;z-index:-1;width:680px;height:680px;top:10%;background:radial-gradient(ellipse,#b79de440,transparent 65%);pointer-events:none}.auth-story-heading{text-align:center;max-width:450px;z-index:2}.auth-story-heading h2{font-size:40px;line-height:1.18;font-weight:600;letter-spacing:-1.7px;white-space:pre-line;margin:18px 0}.auth-story-heading p{font-size:13px;line-height:1.8;color:var(--auth-muted);max-width:320px;margin:auto}.auth-scene{position:relative;width:100%;max-width:490px;height:440px;margin:auto}.auth-photo{position:absolute;left:31%;top:28px;width:47%;height:320px;overflow:hidden;border-radius:22px;transform:rotate(4deg);border:5px solid #ffffff50;box-shadow:0 24px 50px #0002}.auth-photo>img{width:100%;height:100%;object-fit:cover}.auth-photo-label{position:absolute;left:0;right:0;bottom:0;padding:35px 14px 14px;background:linear-gradient(transparent,#000b);display:flex;align-items:center;gap:9px;color:white;font-size:11px}.auth-photo-label small{display:block;font-size:8px;opacity:.7;margin-top:2px}.auth-avatar{width:29px;height:29px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e1c9aa;color:#3b2b23;font-weight:600}.auth-avatar-pink{background:#f3dce8;color:#864465}.auth-floating-card{background:#fff;border:1px solid #ffffff70;box-shadow:0 14px 40px #23143d12;border-radius:14px;position:absolute}.dark .auth-floating-card{background:#262130;border-color:#ffffff12;box-shadow:0 14px 40px #0003}.auth-card-label{display:flex;align-items:center;gap:7px;color:var(--auth-muted);font-size:9px;font-weight:500}.auth-comment{left:0;top:72px;width:57%;padding:16px;transform:rotate(-4deg)}.auth-comment-body{display:flex;gap:10px;margin-top:14px}.auth-comment-body p{font-size:11px;line-height:1.6}.auth-comment-body strong{font-size:10px;display:block;margin-bottom:3px}.auth-message{right:0;top:210px;width:56%;padding:17px;transform:rotate(3deg)}.auth-message p{font-size:11px;line-height:1.7;margin:12px 0;background:#8b5cf61c;border-radius:9px;padding:10px}.auth-demo-link{font-size:10px;color:var(--auth-accent);justify-content:space-between}.auth-demo-link,.auth-flow{display:flex;align-items:center}.auth-flow{left:5%;bottom:8px;width:85%;padding:14px;gap:12px}.auth-flow-icon{background:#8b5cf622;color:var(--auth-accent);border-radius:10px;padding:9px}.auth-flow small{display:block;font-size:9px;color:var(--auth-muted);margin-bottom:5px}.auth-flow strong{font-size:10px;font-weight:500;display:flex;align-items:center;gap:9px}.auth-flow-check{margin-left:auto;background:#2fae821c;color:#34a580;border-radius:50%;padding:5px}.auth-story-bottom{display:flex;justify-content:space-between;width:100%;max-width:450px;font-size:9px;color:var(--auth-muted);margin-top:25px;gap:12px}.auth-story-bottom span:first-child{display:flex;gap:6px;align-items:center}.auth-story-bottom i{width:5px;height:5px;background:#46b795;border-radius:50%}.auth-advanced .cl-rootBox{max-width:100%;width:100%}@media(min-width:1500px){.auth-story{padding-top:70px}.auth-scene{max-width:530px}.auth-story-heading h2{font-size:46px}}@media(max-width:1100px){.auth-story{padding:45px 20px 24px}.auth-story-heading h2{font-size:33px}.auth-form-heading h1{font-size:30px}.auth-main{padding-left:28px;padding-right:28px}.auth-scene{height:420px}.auth-comment{width:65%}.auth-message{width:63%}}@media(max-width:800px){.auth-header{height:80px;padding:0 24px}.auth-layout{display:block;min-height:calc(100svh - 80px)}.auth-story{display:none}.auth-main{min-height:calc(100svh - 80px);padding:36px 24px 24px}.auth-form{max-width:400px}.auth-form-heading h1{font-size:34px}.auth-form-heading{margin-bottom:28px}.auth-footer{margin-top:32px}.auth-field input:not([type=checkbox]){font-size:16px}.auth-partner{margin-top:28px}}@media(prefers-reduced-motion:no-preference){.auth-form{animation:auth-appear .35s ease-out}.auth-scene{animation:auth-appear .7s ease-out}@keyframes auth-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}