:root{color:#16212d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f5f7;font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}#root{min-height:100vh}.page-shell{gap:1.25rem;max-width:960px;margin:0 auto;padding:3rem 1.25rem 4rem;display:grid}.hero,.summary-card,.form-card,.app-toolbar{background:#fff;border:1px solid #16212d14;border-radius:20px;gap:1rem;padding:1.5rem;display:grid;box-shadow:0 8px 24px #0f172a0d}.app-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-block:1rem}.brand-block{gap:.2rem;display:grid}.brand-title{color:#121a22;margin:0;font-size:1.15rem;font-weight:600}.toolbar-status,.role-pill{color:#415264;white-space:nowrap;background:#eef1f4;border-radius:999px;padding:.55rem .8rem;font-size:.88rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#6a7b8c;margin:0;font-size:.72rem}.hero h1,.section-title,.summary-header h1,.form-card h1{margin:0;font-family:Helvetica Neue,Avenir Next,sans-serif;font-weight:700}.hero-copy,.section-copy,.helper-links,.summary-item dd,.profile-item dd{color:#4f5f70;margin:0}.nav-bar,.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.nav-bar{align-items:center;padding:.25rem 0}.nav-link,.nav-button,.primary-button,.secondary-button{color:#273748;min-height:2.6rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #16212d1a;border-radius:999px;justify-content:center;align-items:center;padding:.65rem .95rem;text-decoration:none;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.nav-link:hover,.nav-button:hover,.primary-button:hover,.secondary-button:hover{border-color:#16212d33}.nav-link-active,.primary-button,.nav-button{color:#fff;background:#16212d;border-color:#16212d}.link-button{width:fit-content}.home-layout,.auth-layout,.section,.stack,.profile-grid,.summary-grid,.passkey-list,.passkey-meta-grid,.passkey-inline-form,.passkey-add-form,.profile-actions{gap:1rem;display:grid}.hero-home{align-content:stretch;min-height:23rem}.hero-compact{gap:.5rem}.split-hero{grid-template-columns:1fr}.hero-copy-block{gap:1rem;max-width:34rem;display:grid}.action-row-tight{justify-content:flex-start;gap:.65rem}.summary-header,.profile-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.summary-label,.summary-item dt,.field span,.profile-item dt{color:#6a7b8c;margin:0;font-size:.85rem;font-weight:600}.summary-item-wide dd{color:#4f5f70}.profile-actions{margin-top:.5rem}.summary-card-strong{align-content:start}@media (width>=840px){.home-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:stretch}}.field{gap:.45rem;display:grid}.field input{width:100%;min-height:2.75rem;color:inherit;font:inherit;background:#fff;border:1px solid #16212d1f;border-radius:14px;padding:.75rem .85rem}.field input:focus{outline-offset:1px;border-color:#16212d66;outline:2px solid #16212d1a}.status-message{border-radius:16px;margin:0;padding:.85rem 1rem}.status-inline,.field-error{margin:0;font-size:.9rem}.passkey-list{padding:0;list-style:none}.passkey-card,.passkey-empty-state{background:#fbfcfd;border:1px solid #16212d14;border-radius:16px;gap:1rem;padding:1rem 1.1rem;display:grid}.passkey-card-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.passkey-card h3{margin:0}.passkey-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.passkey-add-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.passkey-inline-form{border-top:1px solid #16212d14;padding-top:.5rem}@media (width<=720px){.passkey-card-header,.passkey-add-form{grid-template-columns:1fr;display:grid}}.status-inline{color:#4f5f70}.field-error{color:#8a1f2b}.status-error{color:#8a1f2b;background:#c433411a}.status-success{color:#0f6b47;background:#147c521a}.profile-item{background:#f6f7f8;border-radius:18px;gap:.35rem;padding:.95rem 1rem;display:grid}.profile-item-wide{min-height:7rem}@media (width<=640px){.page-shell{padding:1.5rem 1rem 2.5rem}.hero,.summary-card,.form-card{padding:1.25rem}.app-toolbar,.profile-header,.summary-header{flex-direction:column;grid-template-columns:1fr}.toolbar-status,.link-button,.primary-button,.secondary-button,.nav-button{width:100%}.nav-bar{justify-content:stretch}}