:root{--ink:#241d19;--muted:#706761;--burgundy:#780d18;--burgundy-dark:#570810;--gold:#a96513;--line:#e9e2da;--paper:#fff;--soft:#faf8f5;--shadow:0 24px 70px rgba(58,36,20,.11)}*{box-sizing:border-box}html{background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#fff 0%,#fff 58%,#faf7f2 100%)}button,input{font:inherit}.page-shell{min-height:100vh;padding:clamp(24px,5vw,72px);display:grid;place-items:center}.messages{position:fixed;top:16px;right:16px;z-index:2;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 16px;border-radius:10px}.messages p{margin:0}.auth-layout{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(30px,7vw,92px)}.brand-panel{text-align:center}.brand-logo{display:block;width:min(590px,100%);height:auto;margin:auto}.auth-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:18px;padding:clamp(30px,5vw,52px);box-shadow:var(--shadow)}.single-card{width:min(520px,100%)}.single-card.wide{width:min(620px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--gold);margin:0 0 12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;margin:0 0 14px;letter-spacing:-.02em}h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0 0 8px}.intro{color:var(--muted);line-height:1.65;margin:0 0 30px}.field{margin-bottom:20px}.field label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.field input{width:100%;border:1px solid #cfc5bb;border-radius:9px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;transition:.2s}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(169,101,19,.14)}.primary-button,.secondary-button{width:100%;border-radius:9px;padding:14px 18px;font-weight:700;cursor:pointer;transition:.2s}.primary-button{border:0;background:var(--burgundy);color:#fff}.primary-button:hover{background:var(--burgundy-dark)}.secondary-button{border:1px solid #cab9a5;background:#fff;color:var(--burgundy)}.secondary-button:hover{border-color:var(--gold);background:var(--soft)}.secondary-button.compact{width:auto}.primary-button:focus-visible,.secondary-button:focus-visible,.quiet-button:focus-visible,.app-card:focus-visible{outline:3px solid rgba(169,101,19,.5);outline-offset:3px}.link-button{display:block;text-align:center;text-decoration:none}.privacy-note{text-align:center;color:#918780;font-size:.75rem;margin:20px 0 0}.form-error,.field-error,.passkey-status.is-error{color:#9c101c;font-size:.85rem;line-height:1.4}.form-error ul{padding-left:18px}.text-link{display:block;text-align:center;color:var(--burgundy);margin-top:20px}.qr{display:block;width:220px;height:220px;margin:0 auto 24px}.secret{display:block;overflow-wrap:anywhere;padding:14px;background:var(--soft);border-radius:8px;margin:10px 0 24px}.recovery-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:18px;margin:0 0 24px;background:var(--soft);border-radius:10px;text-align:center}.divider{display:flex;align-items:center;gap:12px;color:#9a918b;font-size:.75rem;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.passkey-status{min-height:1.2em;color:#27633e;font-size:.84rem;text-align:center;margin:12px 0 0}.portal-header{position:fixed;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(22px,5vw,70px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.portal-logo{height:64px;width:auto;object-fit:contain;object-position:left}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--muted);cursor:pointer}.portal-content{width:min(920px,100%);margin-top:70px}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;margin-top:34px}.app-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 10px 35px rgba(58,36,20,.07);transition:.2s}.app-card:hover{transform:translateY(-2px);border-color:#d2b48b;box-shadow:var(--shadow)}.app-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f6ede0;color:var(--gold);font-size:1.35rem}.app-card strong,.app-card small{display:block}.app-card small{margin-top:5px;color:var(--muted);line-height:1.4}.arrow{font-size:1.5rem;color:var(--gold)}.security-panel{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.8)}.security-panel p{color:var(--muted);line-height:1.5}.security-panel form{margin-top:16px}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.brand-panel{max-width:360px;margin:auto}.auth-card{padding:28px}.page-shell{padding:20px}.recovery-list{grid-template-columns:1fr}.portal-header{height:74px}.portal-logo{height:50px}.portal-content{margin-top:74px}.app-card{grid-template-columns:50px 1fr auto;padding:19px}.app-mark{width:50px;height:50px}.secondary-button.compact{width:100%}}