.auth{display:grid;place-items:center;min-height:62vh;padding:var(--space-12) 0 var(--space-13)}.auth-glow{position:fixed;inset:0;pointer-events:none;background:var(--gradient-spotlight)}.auth-glow:before{background-image:linear-gradient(to right,color-mix(in srgb,var(--brand-neutral-0) 3%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--brand-neutral-0) 3%,transparent) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,transparent 22%,#000 58%,transparent 88%);mask-image:radial-gradient(120% 90% at 50% 40%,transparent 22%,#000 58%,transparent 88%)}.auth-glow:after,.auth-glow:before{content:"";position:absolute;inset:0}.auth-glow:after{background:radial-gradient(118% 96% at 50% 38%,transparent 32%,color-mix(in srgb,var(--brand-neutral-void) 62%,transparent) 72%,var(--brand-neutral-void) 100%)}.auth-card{position:relative;width:100%;max-width:26rem;padding:var(--space-11) var(--space-10) var(--space-10);border:1px solid var(--panel-border);border-radius:var(--radius-panel);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-neutral-0) 4%,var(--panel-bg)),var(--panel-bg) 62%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-neutral-0) 7%,transparent),var(--elev-2)}.auth-head{text-align:center;margin-bottom:var(--space-10)}.auth-head .eyebrow{margin-bottom:var(--space-8)}.auth-head h1{font-family:var(--font-display);font-size:var(--text-800);line-height:var(--lh-800);font-weight:var(--weight-bold);margin:0}.auth-head h1 .accent-text{display:block;margin-inline:auto}.auth-sub{margin:var(--space-5) 0 0;font-size:var(--text-400);line-height:var(--lh-400);color:var(--text-muted)}.auth-form{display:grid;grid-gap:var(--space-7);gap:var(--space-7)}.auth-field{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.auth-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);font-size:var(--text-300);font-weight:var(--weight-medium)}.auth-label a{font-size:var(--text-300);font-weight:var(--weight-regular);color:var(--text-muted)}.auth-label a:hover{color:var(--text-primary)}.auth-field input{width:100%;height:var(--input-h)}.auth-hint{font-size:var(--text-200);line-height:var(--lh-200);color:var(--text-muted)}.auth-cta{width:100%;height:var(--control-h-lg);margin-top:var(--space-2)}.auth-note{margin:0 0 var(--space-8);line-height:var(--lh-300)}.auth-foot,.auth-note{font-size:var(--text-300);color:var(--text-muted)}.auth-foot{margin:var(--space-9) 0 0}.auth-done,.auth-foot{text-align:center}.auth-done .auth-mark{display:grid;place-items:center;width:var(--space-13);height:var(--space-13);margin:0 auto var(--space-8);border-radius:var(--radius-pill);color:var(--status-success-text);background:color-mix(in srgb,var(--status-success) 14%,transparent)}.auth-done .auth-mark.is-warning{color:var(--status-warning-text);background:color-mix(in srgb,var(--status-warning) 14%,transparent)}.auth-centred{text-align:center}@media (max-width:560px){.auth{min-height:0;padding:var(--space-10) 0 var(--space-12)}.auth-card{padding:var(--space-9) var(--space-8) var(--space-8)}}.auth.is-split{position:relative;padding:var(--space-11) var(--space-8) var(--space-12)}.auth-bg{position:fixed;inset:-32px;z-index:0;pointer-events:none;filter:blur(12px)}.auth-shell{z-index:1;grid-template-columns:1fr 1fr;width:100%;max-width:64rem;border:1px solid var(--panel-border);border-radius:var(--radius-panel);overflow:hidden;box-shadow:var(--elev-2)}.auth-aside,.auth-shell{position:relative;display:grid}.auth-aside{align-content:end;grid-gap:var(--space-10);gap:var(--space-10);min-height:30rem;padding:var(--space-10);background:url(/brand/tiles/key.webp) 50%/cover no-repeat,var(--brand-neutral-void);isolation:isolate}.auth-aside:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 24%,color-mix(in srgb,var(--brand-neutral-void) 62%,transparent) 62%,color-mix(in srgb,var(--brand-neutral-void) 86%,transparent) 100%),linear-gradient(96deg,color-mix(in srgb,var(--brand-neutral-void) 72%,transparent) 0,color-mix(in srgb,var(--brand-neutral-void) 46%,transparent) 54%,color-mix(in srgb,var(--brand-neutral-void) 14%,transparent) 100%)}.auth-aside-say h2{margin:0;font-family:var(--font-display);font-size:var(--display-100);line-height:var(--lh-d100);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--brand-neutral-0)}.auth-aside-say p{margin:var(--space-5) 0 0;max-width:28ch;font-size:var(--text-400);line-height:var(--lh-400);color:color-mix(in srgb,var(--brand-neutral-0) 76%,transparent)}.auth-stage{display:grid;align-content:center;padding:var(--space-11) var(--space-10);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-neutral-0) 5%,transparent),color-mix(in srgb,var(--brand-neutral-0) 1%,transparent)),color-mix(in srgb,var(--brand-neutral-void) 62%,transparent);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.auth-stage{background:var(--panel-bg)}}.auth-stage .auth-card{max-width:none;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.auth-stage .auth-head{text-align:left;margin-bottom:var(--space-9)}.auth-stage .auth-head h1{font-size:var(--text-900);line-height:var(--lh-900)}.auth-stage .auth-foot{text-align:left}.auth-shell:has(.auth-done){grid-template-columns:minmax(0,1fr);max-width:30rem}.auth-shell:has(.auth-done) .auth-aside{display:none}.auth-stage .auth-done,.auth-stage .auth-done .auth-head{text-align:center}.auth-stage:has(.auth-done){padding:var(--space-11) var(--space-10)}.auth-input{position:relative;display:block}.auth-input>svg{position:absolute;left:var(--space-6);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.auth-input input{padding-left:calc(var(--space-6) * 2 + 16px)}@media (max-width:860px){.auth.is-split{padding:var(--space-9) var(--space-6) var(--space-11)}.auth-shell{grid-template-columns:minmax(0,1fr);max-width:30rem}.auth-aside{min-height:0;gap:var(--space-8);padding:var(--space-9) var(--space-8)}.auth-aside:after{background:color-mix(in srgb,var(--brand-neutral-void) 72%,transparent)}.auth-aside-say h2{font-size:var(--text-800);line-height:var(--lh-800)}.auth-stage{padding:var(--space-9) var(--space-8) var(--space-10)}}