/* WolfFinance authentication, shared with the working application. */
@font-face{font-family:Manrope;src:url('/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.auth-body.studio-auth{--wf-primary:#3e226e;--wf-primary-active:#2e1756;background:#f4f2f8!important;color:#332b42;font-family:Manrope,'Segoe UI',Arial,sans-serif;min-height:100dvh;font-weight:500}
.studio-auth .auth-shell.has-marketing{display:grid!important;grid-template-columns:1.05fr 1fr;max-width:none!important;width:100%;min-height:100dvh;gap:0!important;padding:0!important;margin:0!important;align-items:stretch}
.studio-auth .auth-marketing{position:relative;display:flex!important;flex-direction:column;padding:45px 9%!important;background:#221735;color:#f1edf7;overflow:hidden;min-height:100dvh}
.studio-auth-brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:750;letter-spacing:-.7px;text-decoration:none;color:inherit}
.studio-auth-brand>span{display:grid;place-items:center;width:42px;height:46px;background:#baa0e6;color:#332846;border-radius:12px;transform:rotate(-7deg);font-size:29px;font-weight:800;letter-spacing:-2px}
.studio-auth-story{margin:auto 0;position:relative;padding:65px 0 25px}
.studio-auth-eyebrow{font-size:10px;letter-spacing:1.8px;color:#a597bd;font-weight:650}
.studio-auth .auth-marketing h2{font-family:inherit;font-size:clamp(34px,3.3vw,52px)!important;line-height:1.13!important;letter-spacing:-1.8px;margin:24px 0 23px;color:#f1edf9;font-weight:700}
.studio-auth .auth-marketing h2>em{font-style:normal;color:#bda4e7}
.studio-auth .auth-marketing .studio-auth-story>p{font-size:14px!important;color:#a99cbf!important;line-height:1.9;margin:0}
.studio-auth-marketing-footer{font-size:11px;color:#9b8bb7;position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4a3e60;padding-top:23px}
.studio-auth-marketing-footer>span:last-child{font-weight:700;letter-spacing:2px;color:#705d92;font-size:10px}
.studio-auth-visual{height:265px;position:relative;margin:48px 0 0;width:100%;max-width:380px}
.studio-auth-orbit{width:310px;height:310px;position:absolute;left:75px;top:-5px;border:1px solid #443958;border-radius:50%}
.studio-auth-orbit:before{content:'';position:absolute;inset:38px;border:1px solid #443958;border-radius:50%}
.studio-auth-tile{position:absolute;border-radius:19px;width:250px;height:186px;padding:25px;box-shadow:0 17px 35px #0c061630}
.studio-auth-tile.is-back{background:#403456;border:1px solid #584972;left:3px;top:4px;transform:rotate(-12deg);color:#ab94d4}
.studio-auth-tile.is-back>span{font-size:9px;letter-spacing:1.4px;font-weight:650}
.studio-auth-mini-lines{margin-top:28px;display:grid;gap:12px}
.studio-auth-mini-lines>b{display:block;height:6px;border-radius:3px;background:#70579c;width:70%}
.studio-auth-mini-lines>b:nth-child(2){width:45%;background:#604e7f}.studio-auth-mini-lines>b:nth-child(3){width:57%;background:#503f6e}
.studio-auth-tile.is-front{left:90px;top:64px;transform:rotate(8deg);background:#c2abe9;color:#392a53;border:1px solid #dccef5}
.studio-auth-check{position:absolute;right:22px;top:22px;border:1px solid #9d86c6;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-size:19px}
.studio-auth-tile strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.7px;font-weight:750;margin:24px 0 23px}
.studio-auth-tile-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:650;color:#6b5690}.studio-auth-tile-footer>span:last-child{font-size:19px}
.studio-auth .auth-card-wrap{width:100%;max-width:490px!important;align-self:center;justify-self:center;padding:50px 30px!important;margin:0!important}
.studio-auth .auth-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;width:100%;max-width:none!important;animation:none!important}
.studio-auth-kicker{display:block;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8673a6;margin-bottom:20px}
.studio-auth .auth-card :is(h1,h2){font-family:inherit;font-size:31px!important;line-height:1.2;font-weight:750!important;color:#322941!important;letter-spacing:-1px;margin:0}
.studio-auth .auth-card>p{color:#79649c!important;font-size:13px!important;line-height:1.8;margin:14px 0 32px!important}
.studio-auth .auth-card .field{margin-bottom:24px;display:grid;gap:9px}
.studio-auth .auth-card .input{height:51px!important;border:1px solid #d3cae2!important;border-radius:10px!important;background:#fff!important;font-size:14px;font-family:inherit;color:#3a304b;box-shadow:none;padding:12px 15px}
.studio-auth .auth-input-wrap .input{padding-left:45px}
.studio-auth .auth-input-wrap>svg{color:#8b79a9;width:17px;height:17px;left:16px}
.studio-auth .auth-input-toggle{color:#7b669e}
.studio-auth .auth-card .input:focus{border-color:#6c5298!important;box-shadow:0 0 0 3px #8063b120!important;outline:0}
.studio-auth .auth-card .input[aria-invalid=true]{border-color:#bd7465!important}
.studio-auth .auth-card .field>label{color:#53456c!important;font-size:12px!important;margin:0;font-weight:600;line-height:1.6}
.studio-auth .auth-btn,.studio-auth .auth-card .btn-primary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:49px;border-radius:10px!important;border:1px solid #3e226e;background:#3e226e!important;box-shadow:none!important;font-size:13px;font-weight:650;color:#fff;font-family:inherit;padding:13px 20px;text-decoration:none;width:100%}
.studio-auth .auth-btn svg{width:17px;height:17px}.studio-auth .auth-btn>svg:last-child{margin-left:auto}.studio-auth .auth-btn>span{margin-right:auto}
.studio-auth .auth-btn:hover,.studio-auth .auth-card .btn-primary:hover{background:#30185a!important;transform:none!important}
.studio-auth .auth-card .btn-ghost{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;color:#685787;font-size:12px}
.studio-auth .auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px!important;margin:26px 0!important;color:#6e5b8e}
.studio-auth .auth-field-row>label{display:flex;align-items:center;gap:8px}.studio-auth input[type=checkbox]{accent-color:#3e226e;width:15px;height:15px}
.studio-auth .auth-field-row a,.studio-auth .auth-card-help a{color:#4b3670!important}
.studio-auth .auth-card-help{font-size:11px!important;color:#8876a7!important;line-height:1.9;margin-top:30px!important;text-align:left}
.studio-auth-demo{display:flex;align-items:center;gap:7px;font-size:10px;color:#9484b0;margin:24px 0 0;line-height:1.8}
.studio-auth-demo>span{width:5px;height:5px;flex:none;border-radius:50%;background:#8e78b5}
.studio-auth .auth-alert,.studio-auth .flash{padding:15px 17px;border:1px solid #ead2c8;border-radius:10px;background:#fcf3ed;color:#9b5b47;font-size:12px;line-height:1.8;margin:0 0 22px;display:flex;gap:11px}
.studio-auth .auth-alert>svg{width:18px;height:18px;flex:none;margin-top:2px}.studio-auth .flash-success{border-color:#d3e3c7;background:#f0f6e9;color:#547644}
.studio-auth .field-error{color:#a45f4e;font-size:12px;line-height:1.7}
.studio-auth .auth-shell:not(.has-marketing){display:grid;place-items:center;min-height:100dvh;padding:40px 25px;width:100%;max-width:none;margin:0}
.studio-auth .auth-shell:not(.has-marketing) .auth-card-wrap{background:#fff;padding:39px!important;border:1px solid #dcd5e8;border-radius:22px;max-width:500px!important;box-shadow:0 14px 45px #24163b06}
.studio-auth .auth-shell:not(.has-marketing) .studio-auth-brand{font-size:18px;margin-bottom:41px;color:#3f3353}.studio-auth .auth-shell:not(.has-marketing) .studio-auth-brand>span{width:32px;height:36px;border-radius:10px;font-size:23px}
.studio-auth .auth-shell:not(.has-marketing) .auth-card :is(h1,h2){font-size:27px!important;line-height:1.25}
.studio-auth .auth-card details{border-top:1px solid #ded7ea;padding-top:21px;margin-top:24px}.studio-auth .auth-card summary{color:#5f4a83;font-size:12px;line-height:1.8;cursor:pointer}
.studio-auth .auth-card input[autocomplete=one-time-code]{font-size:24px;text-align:center;letter-spacing:9px;font-variant-numeric:tabular-nums}
.studio-auth-error-code{display:block;color:#90a577;font-size:12px;letter-spacing:2px;font-weight:750;margin-bottom:17px}
.studio-auth-return{display:flex;align-items:center;justify-content:center;gap:8px;color:#614d83;font-size:12px;min-height:44px;margin-top:14px}
@media(max-width:1100px){.studio-auth .auth-marketing{padding:40px 9%!important}.studio-auth-visual{transform:scale(.9);transform-origin:left center}.studio-auth .auth-card-wrap{padding-inline:35px!important}.studio-auth .auth-marketing h2{font-size:40px!important}.studio-auth-story{padding:55px 0 20px}}
@media(max-width:760px){.studio-auth .auth-shell.has-marketing{grid-template-columns:1fr;grid-template-rows:auto 1fr}.studio-auth .auth-marketing{min-height:0!important;padding:25px!important;border-radius:0 0 22px 22px}.studio-auth-story,.studio-auth-marketing-footer{display:none}.studio-auth-brand{font-size:20px}.studio-auth-brand>span{width:34px;height:37px;font-size:25px;border-radius:10px}.studio-auth .auth-card-wrap{padding:38px 26px!important;align-self:start;max-width:500px!important}.studio-auth .auth-card h1{font-size:29px!important}.studio-auth-kicker{font-size:9px}.studio-auth .auth-card .input{font-size:16px}.studio-auth .auth-shell:not(.has-marketing){padding:20px 12px}.studio-auth .auth-shell:not(.has-marketing) .auth-card-wrap{padding:29px 24px!important;border-radius:18px;align-self:center}.studio-auth .auth-shell:not(.has-marketing) .studio-auth-brand{margin-bottom:32px}.studio-auth .auth-card-help{margin-top:25px!important}.studio-auth .auth-field-row{font-size:11px!important}.studio-auth-demo{font-size:9px}}
@media(prefers-reduced-motion:reduce){.studio-auth *,.studio-auth *:before,.studio-auth *:after{animation:none!important;transition:none!important}}
.studio-auth .auth-card-help { animation:none!important; }
