@font-face{font-family:Jakarta;src:url('/assets/fonts/plus-jakarta-sans.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#f6f5fa;--surface:#fff;--ink:#1c2135;--muted:#737186;--border:#e9e6f0;--purple:#5514b4;--soft:#f2edfb;--button:#5514b4;--on-button:#fff;--error:#a92f56}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#10111b;--surface:#191b29;--ink:#f3effa;--muted:#aaa7bc;--border:#2d2d42;--purple:#b98afa;--soft:#2c2140;--button:#b98afa;--on-button:#1c102f;--error:#ffa6be}}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 14% 45%,#9f6de00b,transparent 60%),var(--bg);color:var(--ink);font:14px/1.7 Jakarta,system-ui,sans-serif;min-height:100svh;display:flex;flex-direction:column}a{color:inherit}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}header{padding:26px max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}header>a{display:flex;align-items:center;gap:23px;text-decoration:none}header img{width:122px;height:auto}header a>span{padding-left:23px;border-left:1px solid var(--border);font-size:13px;color:var(--muted)}.on-dark{display:none}@media(prefers-color-scheme:dark){.on-light{display:none}.on-dark{display:block}}.secure{font-size:11px;letter-spacing:.06em;color:var(--muted);background:var(--soft);border:1px solid var(--border);border-radius:20px;padding:5px 13px}main{width:min(1120px,100%);padding:75px 28px;display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center;margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--purple)}h1{font-size:clamp(40px,5vw,62px);line-height:1.15;letter-spacing:-.055em;margin:21px 0 23px;font-weight:800}h1 span{color:var(--purple)}.lead{font-size:15px;line-height:1.95;color:var(--muted)}.brand-lines{display:flex;max-width:340px;height:28px;margin:38px 0 58px}.brand-lines i{height:5px;flex:14;background:#e97de8}.brand-lines i:nth-child(2){background:#5514b4;transform:translateY(8px)}.brand-lines i:nth-child(3){background:#e3e65b;flex:6}.brand-lines i:nth-child(4){background:#3e9ba3;flex:20;transform:translateY(8px)}.brand-lines i:nth-child(5){background:#7a1f6c;flex:10}.brand-lines i:nth-child(6){background:#c2306b;flex:10;transform:translateY(8px)}.brand-lines i:nth-child(7){background:#5fae7b;flex:13;transform:translateY(16px)}.brand-lines i:nth-child(8){background:var(--ink);flex:13;transform:translateY(8px)}.trust{display:flex;gap:15px;align-items:flex-start}.trust strong{font-size:12px}.trust p{font-size:11px;line-height:1.9;color:var(--muted);margin:6px 0}.shield{display:grid;place-items:center;background:var(--soft);color:var(--purple);width:38px;height:42px;border:1px solid var(--border);border-radius:12px}.card{padding:34px;border:1px solid var(--border);border-radius:23px;background:var(--surface);box-shadow:0 20px 80px -40px #5514b433;animation:arrive .5s ease-out}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.lock{background:var(--soft);color:var(--purple);border-radius:10px;width:34px;height:34px;display:grid;place-items:center}h2{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:0 0 10px}p{margin:0}.muted{color:var(--muted);font-size:12px}.destination{display:flex;align-items:center;gap:12px;padding:14px;background:var(--soft);border-radius:12px;margin:23px 0}.destination small{font-size:8px;letter-spacing:.15em;color:var(--muted);display:block}.destination strong{font-size:12px}.destination-icon{font-size:24px;color:var(--purple)}form{margin-top:27px}label{font-size:11px;font-weight:700;display:block;margin:17px 0 7px}input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--soft)}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row button{margin-top:10px;font-size:10px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--button);color:var(--on-button);border:0;border-radius:11px;padding:13px 16px;font-weight:700;font-size:12px;margin-top:24px;transition:transform .2s,filter .2s,box-shadow .2s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 7px 20px -10px #5514b4}.primary:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.text-button{border:0;background:none;color:var(--purple);padding:0;font-size:11px;font-weight:600}.back{display:block;margin:18px auto 0}.form-note{font-size:10px;color:var(--muted);text-align:center;margin-top:16px}.card-foot{border-top:1px solid var(--border);margin-top:29px;padding-top:20px;font-size:9px;color:var(--muted);text-align:center}.card-foot span{color:var(--purple);margin-right:5px}#message{border:1px solid currentColor;color:var(--error);background:var(--bg);font-size:12px;padding:12px;border-radius:10px;margin:20px 0;overflow-wrap:anywhere}#loading{padding-top:30px}.pin-note{margin-bottom:16px}#code{text-align:center;letter-spacing:.65em;font-size:23px}.profile{display:flex;align-items:center;gap:14px;margin:26px 0 22px}.profile img,.initials{height:56px;width:56px;border-radius:17px;object-fit:cover;flex-shrink:0}.initials{display:grid;place-items:center;background:var(--soft);color:var(--purple);font-size:18px;font-weight:700}.profile h3{font-size:15px;line-height:1.5;margin:0}.profile p{font-size:10px;overflow-wrap:anywhere}dl{margin:0;border:1px solid var(--border);border-radius:12px;padding:4px 15px}dl>div{padding:12px 0}dl>div+div{border-top:1px solid var(--border)}dt{color:var(--muted);font-size:9px;margin-bottom:3px}dd{margin:0;font-size:12px;font-weight:600}.account-note{margin-top:18px;font-size:11px}footer{padding:24px max(28px,calc((100vw - 1200px)/2));border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}footer a{text-decoration:none}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){main{gap:35px;padding:50px 28px}.card{padding:28px}h1{font-size:43px}.lead{font-size:13px}}@media(max-width:650px){header{padding:20px}header img{width:105px}header>a{gap:14px}header a>span{padding-left:14px}main{display:block;max-width:460px;padding:32px 20px}.story{margin-bottom:28px}.story h1{font-size:36px;margin:12px 0 15px}.story .lead,.trust{display:none}.brand-lines{max-width:250px;margin:20px 0 0}.card{padding:25px;border-radius:19px}.secure{font-size:9px}footer{padding:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Auth interaction states and the connected identity view. */
.story>.eyebrow,.story>h1,.story>.lead,.story>.brand-lines,.story>.trust{animation:arrive .65s both cubic-bezier(.2,.8,.2,1)}.story>h1{animation-delay:.06s}.story>.lead{animation-delay:.12s}.story>.brand-lines{animation-delay:.18s}.story>.trust{animation-delay:.24s}.card{animation-duration:.65s}.brand-lines i{transition:filter .25s}.brand-lines:hover i{filter:brightness(1.15)}.secure::before{content:'';display:inline-block;width:5px;height:5px;margin-right:7px;background:#5fae7b;border-radius:50%;box-shadow:0 0 0 3px #5fae7b14}.card:focus-within{border-color:color-mix(in srgb,var(--purple) 28%,var(--border))}#card-title{outline:none}#auth-stage.transitioning{overflow:clip}input.has-value{border-color:color-mix(in srgb,var(--purple) 30%,var(--border))}.primary{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--button),color-mix(in srgb,var(--button) 75%,#e97de8));box-shadow:0 7px 20px -15px #5514b4aa}.primary>span{transition:transform .2s}.primary:hover>span{transform:translateX(4px)}button[aria-busy=true]{cursor:progress;opacity:.85;justify-content:center;gap:10px}button[aria-busy=true]::before{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite;flex-shrink:0}.text-button{transition:color .2s,opacity .2s}.text-button:hover{opacity:.75}
.pin-entry{position:relative;margin-top:22px}.pin-entry #code{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;letter-spacing:0;padding:0;border:0;cursor:text;font-size:20px;caret-color:transparent}.pin-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.pin-boxes span{height:62px;position:relative;display:grid;place-items:center;border:1.5px solid var(--border);border-radius:12px;background:var(--bg);transition:border-color .18s,box-shadow .18s,background .18s}.pin-boxes span::before{content:'';width:10px;height:10px;background:var(--ink);border-radius:50%;opacity:0;transform:scale(.25);transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1)}.pin-boxes span.filled{border-color:color-mix(in srgb,var(--purple) 65%,var(--border));background:var(--soft)}.pin-boxes span.filled::before{opacity:1;transform:scale(1)}.pin-boxes span.active{border-color:var(--purple);box-shadow:0 0 0 4px var(--soft)}.pin-boxes span.active:not(.filled)::after{content:'';height:23px;width:2px;border-radius:2px;background:var(--purple);animation:caret 1.1s steps(1) infinite}.pin-entry:has(input[aria-invalid=true]) .pin-boxes span{border-color:var(--error)}.pin-entry.complete .pin-boxes span{box-shadow:0 0 0 2px var(--soft)}.pin-entry.verified .pin-boxes span{border-color:#5fae7b;background:#5fae7b14}.pin-help{font-size:10px;min-height:18px;margin-top:15px;text-align:center}.pin-note strong{font-size:11px;color:var(--ink);overflow-wrap:anywhere;font-weight:600}.pin-note{line-height:1.9}#pin .primary{margin-top:17px}#pin .back{font-size:10px;margin-top:20px}
.success-banner{display:flex;align-items:center;gap:10px;background:#5fae7b10;border:1px solid #5fae7b30;border-radius:11px;padding:10px 13px;margin-top:24px;font-size:11px;font-weight:700}.success-detail{display:block;font-size:9px;font-weight:400;color:var(--muted)}.success-check{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#5fae7b22;color:#3b9760;animation:verified-pop .45s .12s both}.success-check svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.success-check path{stroke-dasharray:25;stroke-dashoffset:25;animation:draw-check .35s .3s forwards}.profile{display:flex;flex-direction:column;gap:0;text-align:center;margin:25px 0 24px}.avatar-ring{position:relative;padding:5px;border:1px solid color-mix(in srgb,var(--purple) 40%,var(--border));background:linear-gradient(145deg,var(--soft),var(--surface));border-radius:50%;margin-bottom:13px;box-shadow:0 8px 20px -12px #5514b480;animation:verified-pop .5s both}.profile .avatar-ring img,.profile .avatar-ring .initials{width:76px;height:76px;border-radius:50%}.profile .avatar-ring .initials{font-size:25px;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--purple) 15%,var(--surface)))}.avatar-check{position:absolute;right:0;bottom:3px;border:3px solid var(--surface);border-radius:50%;background:var(--purple);color:var(--surface);width:25px;height:25px;display:grid;place-items:center;font-size:11px;font-weight:800}.profile h3{font-size:22px;font-weight:800;letter-spacing:-.035em}.profile p{font-size:11px;margin-top:3px}.identity-details{display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;gap:10px;margin-bottom:20px}.identity-details>div{border:1px solid var(--border);background:var(--bg);border-radius:11px;padding:12px;min-width:0}.identity-details>div+div{border-top:1px solid var(--border)}.identity-details dt{font-size:9px;display:flex;align-items:center;gap:6px}.identity-details dt span{color:var(--purple);font-size:13px}.identity-details dd{font-size:11px;margin-top:5px;overflow-wrap:anywhere;line-height:1.6}.application-panel{padding:16px;border:1px solid color-mix(in srgb,var(--purple) 25%,var(--border));border-radius:14px;background:linear-gradient(135deg,var(--soft),var(--surface))}.application-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.application-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;background:var(--surface);color:var(--purple);flex-shrink:0}.application-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.application-heading .eyebrow{font-size:7px;letter-spacing:.13em}.application-heading h4{font-size:11px;margin:1px 0 0;line-height:1.7}.access-badge{margin-left:auto;font-size:8px;white-space:nowrap;color:var(--purple);padding:3px 7px;background:var(--surface);border:1px solid var(--border);border-radius:20px}.access-badge.restricted{color:var(--error)}.application-panel .account-note{font-size:10px;line-height:1.8;margin:12px 0 0}.application-panel .primary{font-size:11px;margin-top:14px;padding:12px}.account-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.account-actions a{font-size:10px;text-decoration:none;color:var(--muted);transition:color .2s}.account-actions a:hover{color:var(--purple)}.session-note{font-size:9px;color:var(--muted);text-align:center;margin-top:16px}.session-note>span{color:var(--purple);margin-right:5px}.root-account-note{text-align:center;font-size:11px;padding:14px;border-radius:10px;background:var(--soft)}#account .card-foot{margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes caret{50%{opacity:0}}@keyframes verified-pop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes draw-check{to{stroke-dashoffset:0}}@media(max-width:650px){.pin-boxes{gap:7px}.pin-boxes span{height:56px;border-radius:10px}.pin-boxes span::before{width:9px;height:9px}.profile h3{font-size:21px}.application-panel{padding:14px}.access-badge{margin-left:46px}.application-heading{row-gap:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.success-check path{stroke-dashoffset:0}.story>.eyebrow,.story>h1,.story>.lead,.story>.brand-lines,.story>.trust,.success-check,.avatar-ring{opacity:1;transform:none}}

/* Keep the cursor and dot in the same centred slot, rather than separate grid rows. */
.pin-boxes span::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.25)}.pin-boxes span.filled::before{transform:translate(-50%,-50%) scale(1)}.pin-boxes span.active:not(.filled)::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.profile .avatar-ring{display:grid;place-items:center;width:92px;height:92px;padding:5px;line-height:0;flex-shrink:0}.profile .avatar-ring img,.profile .avatar-ring .initials{width:80px;height:80px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;line-height:normal}.profile .avatar-ring img{display:block}.avatar-check{line-height:normal}

/* Brand panel on the left, matching the staff portal sign-in. Always the deep HN Group colours. */
.shell{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100svh}
.side{display:flex;flex-direction:column;min-width:0}
.side header,.side footer{padding:22px 34px}
.side main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:40px 28px;margin:0}
.side main>.card{width:min(440px,100%)}
.side header a>span{border-left:0;padding-left:0;color:var(--ink)}
.auth-name{font-size:14px;font-weight:700;letter-spacing:-.01em}.auth-name b{color:var(--purple);font-weight:800}
.brand-panel{position:sticky;top:0;height:100svh;align-self:start;overflow:hidden;color:#fff;background:linear-gradient(145deg,#1c2135 0%,#2a1650 55%,#3d1a6e 100%);display:flex}
.brand-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}
.brand-glow.g1{width:420px;height:420px;background:#5514b4;top:-120px;left:-80px}
.brand-glow.g2{width:360px;height:360px;background:#c2306b;bottom:-140px;right:-60px;animation-duration:22s;opacity:.4}
.brand-glow.g3{width:300px;height:300px;background:#3e9ba3;top:40%;left:45%;animation-duration:26s;opacity:.3}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}100%{transform:translate(-30px,50px) scale(.95)}}
.brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:32px;width:100%;max-width:560px;margin:0 auto;padding:56px 48px}
.brand-logo{width:150px;height:auto;animation:arrive .6s ease both}
.brand-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#e97de8;margin-bottom:14px}
.brand-copy h1{font-size:clamp(28px,3vw,37px);line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:800;animation:arrive .6s .08s ease both}
.brand-copy p:last-child{margin-top:16px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.6;max-width:30rem;animation:arrive .6s .16s ease both}
.brand-companies{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;animation:arrive .6s .24s ease both}
.brand-companies li{padding:5px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:13px;color:rgba(255,255,255,.85);backdrop-filter:blur(4px)}
.brand-stripes{display:flex;gap:6px;height:6px}
.brand-stripes span{flex:1;border-radius:3px;transform-origin:left;animation:stripe-in .7s cubic-bezier(.2,.8,.2,1) both}
.brand-stripes span:nth-child(1){background:#e97de8;animation-delay:.30s;flex:1.4}
.brand-stripes span:nth-child(2){background:#5514b4;animation-delay:.36s;flex:1.2}
.brand-stripes span:nth-child(3){background:#e3e65b;animation-delay:.42s;flex:.5}
.brand-stripes span:nth-child(4){background:#3e9ba3;animation-delay:.48s;flex:1.8}
.brand-stripes span:nth-child(5){background:#7a1f6c;animation-delay:.54s;flex:.8}
.brand-stripes span:nth-child(6){background:#c2306b;animation-delay:.60s;flex:.9}
.brand-stripes span:nth-child(7){background:#5fae7b;animation-delay:.66s;flex:1.2}
.brand-stripes span:nth-child(8){background:#8b93b0;animation-delay:.72s;flex:2.2}
@keyframes stripe-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.brand-panel{position:relative;height:auto}.brand-inner{padding:28px 22px 24px;gap:18px}.brand-copy h1{font-size:22px}.brand-copy p:last-child,.brand-companies{display:none}.brand-logo{width:110px}.side main{display:flex;padding:24px 16px 32px;align-items:flex-start}.side header,.side footer{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.brand-glow{animation:none}}

/* Right-hand side polish */
.side{position:relative;isolation:isolate;background:var(--bg)}
.side::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 420px at 72% 38%,color-mix(in srgb,var(--purple) 12%,transparent),transparent 70%),radial-gradient(420px 360px at 22% 88%,#c2306b14,transparent 70%);}
.side::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(color-mix(in srgb,var(--muted) 22%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse at 60% 45%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 60% 45%,#000 0%,transparent 70%)}
.side header,.side footer{border:0;background:transparent}
.side header{padding:26px 36px}
.auth-name{display:inline-flex;align-items:center;font-size:14px}.auth-name b{margin-left:.3em}
.auth-dot{margin-right:10px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#e97de8,#5514b4)}
.secure{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(6px)}
.side main{padding:24px 28px 48px}
.side main>.card{position:relative;overflow:hidden;width:min(430px,100%);padding:38px 38px 30px;border-radius:24px;border:1px solid color-mix(in srgb,var(--purple) 14%,var(--border));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 color-mix(in srgb,#fff 6%,transparent) inset,0 30px 80px -40px #5514b466,0 12px 30px -24px #0000004d}
.card-stripe{position:absolute;top:0;left:0;right:0;display:flex;height:4px}
.card-stripe i{flex:14;background:#e97de8}.card-stripe i:nth-child(2){flex:12;background:#5514b4}.card-stripe i:nth-child(3){flex:5;background:#e3e65b}.card-stripe i:nth-child(4){flex:18;background:#3e9ba3}.card-stripe i:nth-child(5){flex:8;background:#7a1f6c}.card-stripe i:nth-child(6){flex:9;background:#c2306b}.card-stripe i:nth-child(7){flex:12;background:#5fae7b}.card-stripe i:nth-child(8){flex:22;background:#8b93b0}
.card-top{margin-bottom:22px}
.card-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--purple);background:var(--soft);border:1px solid color-mix(in srgb,var(--purple) 18%,var(--border))}
.card-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.side .card h2{font-size:30px;letter-spacing:-.045em;margin-bottom:6px}
.side .card #subtitle{font-size:13.5px}
.side .card .destination{margin:22px 0 4px;border:1px solid color-mix(in srgb,var(--purple) 16%,transparent)}
.side .card form{margin-top:22px}
.side .card label{font-size:12px;margin:18px 0 8px;color:var(--ink)}
.side .card .label-row label{margin-top:18px}
.side .card .label-row button{margin-top:10px;font-size:11.5px}
.field{position:relative}
.field-icon{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke .2s}
.field input{padding-left:44px}
.field:focus-within .field-icon{stroke:var(--purple)}
.side .card input{height:48px;border-radius:12px;font-size:14px;background:color-mix(in srgb,var(--bg) 80%,var(--surface))}
.side .card input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}
.side .card input:hover{border-color:color-mix(in srgb,var(--purple) 25%,var(--border))}
.side .card input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 16%,transparent)}
.side .card .primary{height:50px;border-radius:13px;font-size:14px;justify-content:center;gap:10px;margin-top:26px;padding:0 18px}
.side .card .form-note{font-size:11.5px;margin-top:16px}
.side .card .card-foot{font-size:11px;margin-top:26px;padding-top:18px}
.side .card .pin-note,.side .card .pin-help{font-size:12px}
.side footer{font-size:11px;padding:20px 36px}
@media(max-width:900px){.side header{padding:16px 20px}.side main>.card{padding:32px 24px 24px}.side .card h2{font-size:26px}}
@media(prefers-color-scheme:dark){.side main>.card{box-shadow:0 1px 0 #ffffff0d inset,0 30px 90px -40px #b98afa40,0 14px 34px -24px #000000aa}}