.auth-page{background:radial-gradient(circle at 8% 15%, #c9f23b2e, transparent 28%), radial-gradient(circle at 92% 88%, #6436e81f, transparent 30%), var(--cream);min-height:100vh;color:var(--ink)}.auth-nav{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--cream) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.auth-nav>div{align-items:center;gap:14px;display:flex}.auth-nav>div>a{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.auth-logo{color:var(--ink);letter-spacing:-1.2px;align-items:center;gap:11px;font-size:25px;text-decoration:none;display:inline-flex}.auth-logo-mark{width:38px;height:35px;display:block;position:relative;transform:rotate(3deg)}.auth-logo-mark i{border:6px solid;border-radius:7px 9px;width:23px;height:19px;position:absolute;transform:rotate(58deg)skewY(-9deg)}.auth-logo-mark i:first-child{border-color:var(--purple);top:0;left:7px}.auth-logo-mark i:nth-child(2){border-color:var(--coral);top:14px;left:1px}.auth-logo-mark i:nth-child(3){border-color:var(--lime);top:13px;left:15px}.auth-shell{border:1px solid var(--line);background:var(--white);border-radius:28px;grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);width:min(1120px,100% - 40px);min-height:calc(100vh - 130px);margin:34px auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #181f1a21}.auth-story{color:#f8f2e3;background:linear-gradient(145deg,#0d1f15 0%,#173624 55%,#233316 100%);flex-direction:column;justify-content:space-between;gap:60px;min-height:680px;padding:clamp(36px,6vw,74px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";border:70px solid #c9f23b24;border-radius:42% 58% 56% 44%;width:340px;height:340px;position:absolute;top:-130px;right:-120px;transform:rotate(28deg)}.auth-story:after{content:"";border:55px solid #ff5f551c;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-120px;left:-140px}.auth-story>*{z-index:1;position:relative}.auth-kicker{color:var(--gold);letter-spacing:.14em;margin:0 0 14px;font-size:11px;font-weight:900;line-height:1.4}.auth-story h1{letter-spacing:-.055em;max-width:520px;margin:0;font-size:clamp(36px,4.7vw,61px);line-height:.98}.auth-story>div>p:last-child{color:#c3d1c7;max-width:500px;margin:24px 0 0;font-size:17px;line-height:1.65}.auth-story ul{gap:20px;margin:auto 0 0;padding:0;list-style:none;display:grid}.auth-story li{align-items:center;gap:14px;display:flex}.auth-story li i{width:42px;height:42px;color:var(--lime);background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;flex:none;place-items:center;display:grid}.auth-story li span{gap:4px;display:grid}.auth-story li strong{font-size:14px}.auth-story li small{color:#aebbb2;font-size:12px;line-height:1.4}.auth-security-note{color:#aebbb2;align-items:center;gap:8px;line-height:1.4;display:flex}.auth-card{align-self:center;padding:clamp(32px,5vw,66px)}.auth-card-heading h2,.auth-success h2{letter-spacing:-.04em;margin:0;font-size:clamp(29px,3vw,40px);line-height:1.05}.auth-card-heading>p:last-child,.auth-success>p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.6}.auth-role-tabs{border:1px solid var(--line);background:var(--cream);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:7px;margin:28px 0 0;padding:6px;display:grid}.auth-role-tabs button{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;gap:3px;padding:11px 8px;display:grid}.auth-role-tabs button strong{font-size:13px}.auth-role-tabs button small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.auth-role-tabs button.active{border-color:var(--line);color:var(--ink);background:var(--white);box-shadow:0 5px 15px #191e1a14}.auth-role-note{color:var(--muted);background:color-mix(in srgb, var(--purple) 8%, var(--white));border-radius:10px;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.auth-form{gap:17px;margin-top:26px;display:grid}.auth-form>label:not(.auth-agreement){color:var(--ink);gap:8px;font-size:12px;font-weight:800;display:grid}.auth-form label>span:first-child{justify-content:space-between;gap:15px;display:flex}.auth-form label a{color:var(--purple);font-weight:850}.auth-form input{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);background:var(--white);border-radius:12px;outline:0;padding:0 14px}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 18%, transparent)}.auth-password-field{position:relative}.auth-password-field input{padding-right:62px}.auth-password-field button{color:var(--purple);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:11px;font-weight:850;position:absolute;top:7px;bottom:7px;right:7px}.auth-agreement{color:var(--muted);align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;display:flex}.auth-agreement input{width:17px;min-height:17px;accent-color:var(--purple);flex:none;margin-top:1px}.auth-error{border:1px solid color-mix(in srgb, var(--coral) 45%, var(--line));color:#a52a24;background:color-mix(in srgb, var(--coral) 9%, var(--white));border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:12px;line-height:1.45;display:flex}.auth-submit,.auth-primary-link{color:#172014;background:linear-gradient(135deg, var(--gold), #f7cb52);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #f4b41a33}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;color:var(--muted);margin:22px 0 0;font-size:12px}.auth-switch a{color:var(--purple);font-weight:900}.auth-notice{border:1px solid color-mix(in srgb, var(--gold) 42%, var(--line));background:color-mix(in srgb, var(--gold) 9%, var(--white));border-radius:11px;align-items:center;gap:9px;margin:0 0 22px;padding:12px 14px;font-size:12px;line-height:1.4;display:flex}.auth-notice.success{border-color:color-mix(in srgb, var(--green) 42%, var(--line));background:color-mix(in srgb, var(--green) 8%, var(--white))}.auth-notice.error{border-color:color-mix(in srgb, var(--coral) 42%, var(--line));background:color-mix(in srgb, var(--coral) 8%, var(--white))}.auth-success{text-align:center}.auth-success>span{width:68px;height:68px;color:var(--purple);background:color-mix(in srgb, var(--purple) 10%, var(--white));border-radius:20px;place-items:center;margin:0 auto 22px;display:grid}.auth-success .auth-primary-link{width:100%;margin-top:26px}.auth-callback-page{min-height:100vh;color:var(--ink);background:var(--cream);place-items:center;padding:30px;display:grid}.auth-callback-page section{text-align:center;border:1px solid var(--line);background:var(--white);border-radius:24px;width:min(470px,100%);padding:50px;box-shadow:0 25px 70px #181f1a1f}.callback-icon{width:68px;height:68px;color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--white));border-radius:20px;place-items:center;margin:0 auto 20px;display:grid}.callback-icon.error{color:var(--coral);background:color-mix(in srgb, var(--coral) 10%, var(--white))}.auth-callback-page h1{letter-spacing:-.04em;margin:0;font-size:30px}.auth-callback-page section>p:not(.auth-kicker){color:var(--muted);line-height:1.6}.auth-callback-page a{color:var(--purple);font-weight:850}.callback-spinner{border:3px solid var(--line);border-top-color:var(--purple);border-radius:50%;width:30px;height:30px;margin:24px auto 0;animation:.8s linear infinite auth-spin;display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}html[data-theme=bold] .auth-shell{box-shadow:0 28px 80px #00000061}html[data-theme=bold] .auth-error{color:#ffaaa5}@media (width<=860px){.auth-shell{grid-template-columns:1fr;width:min(600px,100% - 28px)}.auth-story{gap:35px;min-height:auto;padding:38px}.auth-story h1{font-size:38px}.auth-story ul{grid-template-columns:1fr}}@media (width<=560px){.auth-nav{min-height:70px;padding:10px 15px}.auth-nav>div>a{display:none}.auth-logo{font-size:22px}.auth-shell{border-radius:20px;margin:16px auto}.auth-story{padding:30px 24px}.auth-story h1{font-size:34px}.auth-story ul,.auth-security-note{display:none}.auth-card{padding:30px 22px 34px}.auth-role-tabs button small{display:none}.auth-callback-page{padding:18px}.auth-callback-page section{padding:38px 24px}}
