:root{color-scheme:dark;--bg:#0b0d12;--panel:#0b0d12;--stroke:#2a303c;--muted:#a6adbb;--ink:#f1f3f7;--accent:#f1f3f7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b6c5ff;outline-offset:4px}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}
.nav{background:#0b0d12;border-bottom:1px solid var(--stroke);position:relative;z-index:1}
.nav .container{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.7px;font-weight:700;flex-shrink:0}
.brand em{font-style:normal;font-weight:400}
.logo{width:32px;height:32px;display:grid;place-items:center;color:#f1f3f7;border:1px solid #f1f3f7;border-radius:7px}
.nav-links{display:flex;gap:18px;align-items:center}
.pill{font-size:12px;color:#a6adbb}.pill:hover{color:#ffffff}
.button,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:5px;padding:12px 18px;font-size:13px;line-height:1.4;font-weight:600;text-align:center;transition:background .15s,border-color .15s}
.button{background:#e6ecff;color:#101727;border-color:#e6ecff}
.button:hover{background:#dbe3ff;border-color:#dbe3ff}
.button-secondary{background:#0b0d12;color:#e8ecf5;border-color:#323b4c;box-shadow:0 1px 2px #00000030}
.button-secondary:hover{background:#1b2230;border-color:#7e8da8}
.button-danger{background:#0b0d12;color:#ffb4b4;border-color:#693c47}
.full{width:100%}.button.full{min-height:50px;margin-top:12px;font-size:14px}
.gradient{color:inherit}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a6adbb}
.lead{font-size:16px;color:#a6adbb;line-height:1.7;max-width:580px}
.hint{font-size:12px;color:#a6adbb;line-height:1.7}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}
.footer{position:relative;z-index:1;padding:24px 0;color:#a6adbb;font-size:11px;border-top:1px solid var(--stroke);margin-top:auto}
.footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-links{display:flex;gap:24px;color:#d7deec;font-weight:600}.footer a:hover{text-decoration:underline}
/* A quiet identity-first screen, with room for the sign-in task. */
.identity-layout{position:relative;isolation:isolate;overflow-x:hidden}
.identity-layout .nav{background:transparent;border:0}
.identity-layout .nav .container,.identity-layout .footer .container{max-width:none}
.identity-layout .nav .container{padding:0 25px}
.identity-layout .footer{border:0;padding-bottom:22px}
.identity-pattern{position:fixed;z-index:-1;pointer-events:none;inset:0 0 0 auto;width:54%;background-image:radial-gradient(circle,#6577a1 1.1px,transparent 1.45px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 65% 49%,#000 0%,#000b 30%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 65% 49%,#000 0%,#000b 30%,transparent 73%)}
.identity-main{flex:1;display:flex;align-items:center;width:100%;padding:55px 6vw 75px;position:relative;z-index:0}
.identity-content{width:100%;max-width:474px}
.identity-content h1{font-weight:400;letter-spacing:-1.3px;line-height:1.2;font-size:40px;margin:0 0 14px}
.identity-subtitle{font-size:17px;color:#a6adbb;margin:0 0 32px}
.identity-primary{display:flex;width:100%;min-height:55px;font-size:15px;gap:11px}
.identity-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.identity-methods a{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;min-height:74px;background:#0b0d12;border:1px solid #323b4c;border-radius:5px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #00000030}
.identity-methods a:hover{background:#171e2b;border-color:#7c8dab}
.identity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#a6adbb;margin:26px 0}
.identity-row a{color:#e8ecf5;font-weight:600;white-space:nowrap}.identity-row a:hover{text-decoration:underline}
.identity-note{border-top:1px solid #2a303c;padding-top:28px;margin-top:31px;font-size:13px}
.identity-note strong{font-weight:600}.identity-note p{margin:3px 0 0;font-size:12px;color:#a6adbb}
.auth-wrap{width:100%;max-width:500px;margin:70px auto 90px;padding:0 24px}
.auth-card{background:transparent}
.auth-card h1{font-size:36px}.auth-card .subtitle{margin:0 0 27px;color:#a6adbb;font-size:15px;line-height:1.65}
.auth-foot{border-top:1px solid #2a303c;padding-top:22px;margin-top:28px;color:#a6adbb;font-size:12px}
.form-field{margin:19px 0}.form-field label{display:block;font-size:12px;color:#d7deec;margin-bottom:8px;font-weight:600}
.form-field input{width:100%;border:1px solid #384253;border-radius:5px;background:#0b0d12;color:#f1f3f7;padding:14px;min-height:49px}
.form-field input:focus{border-color:#a9bce7}.form-field small{display:block;margin-top:6px;color:#a6adbb;font-size:11px;line-height:1.6}
.alert{border:1px solid #733d48;background:#2a171e;color:#ffb4c0;border-radius:5px;padding:13px;font-size:12px;line-height:1.6;margin-bottom:18px}
.alert.ok{border-color:#315d4c;background:#13271f;color:#9cddbd}
.floating-label{display:inline-flex;gap:8px;align-items:center;font-size:12px;padding:8px 11px;background:#1b2230;border:1px solid #2a303c;border-radius:5px}
.consent-list{margin:19px 0;padding:0;list-style:none}.consent-list li{border-bottom:1px solid #2a303c;padding:13px 0;margin:0;display:flex;align-items:center;gap:10px;color:#d7deec;font-size:13px}
.consent-list .check{color:#d7deec;font-size:16px}.button-row{display:flex;gap:10px}.button-row>*{flex:1}
.portal{padding-top:40px;padding-bottom:85px}
.portal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.portal h1{font-size:34px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:8px 0 12px}
.portal .sub{color:#a6adbb;font-size:13px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.stat{background:#0b0d12;border:1px solid #2a303c;border-radius:8px;padding:22px}.stat small{color:#a6adbb;font-size:12px}.stat strong{display:block;font-size:29px;font-weight:500;margin-top:10px}
.portal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.panel{background:#0b0d12;border:1px solid #2a303c;border-radius:8px;padding:24px;margin-bottom:20px;min-width:0}.panel h2{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 8px}.panel p{color:#a6adbb;font-size:12px;line-height:1.8}.panel h3{margin:20px 0 8px;font-size:13px}
.item{padding:15px 0;border-bottom:1px solid #2a303c;display:flex;gap:12px;justify-content:space-between;align-items:center}.item:last-child{border-bottom:none}.item-title{font-size:13px;font-weight:600;overflow-wrap:anywhere}.item-sub{font-size:11px;color:#a6adbb;overflow-wrap:anywhere;margin-top:5px}
.small-tag{font-size:10px;border:1px solid #323b4c;background:#1b2230;color:#a9bce7;border-radius:4px;padding:4px 7px;white-space:nowrap}
.code{display:block;background:#171e2b;border:1px solid #2a303c;color:#d7deec;padding:14px;border-radius:5px;overflow:auto;word-break:break-all;font-size:12px;font-family:Consolas,monospace;margin:12px 0;white-space:pre-wrap}
.tight{margin-bottom:6px}.security-note{color:#a6adbb;font-size:11px;line-height:1.7}.top-border{border-top:1px solid #2a303c;padding-top:19px;margin-top:22px}.side-head{display:flex;gap:8px;align-items:center}.hide-visually{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mono{font-family:Consolas,monospace}.help-link{color:#d7deec;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1500px){.identity-main{padding-left:max(80px,calc((100vw - 1340px)/2))}}
@media(max-width:900px){.portal-grid{grid-template-columns:1fr}.identity-pattern{width:48%}.identity-main{padding-left:6vw}.nav-links{gap:12px}}
@media(max-width:600px){.nav .container{height:70px;padding:0 22px}.nav-links .pill{display:none}.brand{font-size:18px}.nav-links .button-secondary{font-size:11px;padding:9px 11px}.identity-layout .nav .container{padding:0 24px}.identity-main{padding:48px 24px 65px;align-items:flex-start}.identity-content{max-width:474px;margin:0 auto}.identity-content h1{font-size:33px;letter-spacing:-1px}.identity-subtitle{font-size:15px;line-height:1.7;margin-bottom:29px}.identity-pattern{width:100%;opacity:.17;mask-image:radial-gradient(ellipse at 110% 10%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 110% 10%,#000,transparent 70%)}.identity-row{font-size:12px;gap:12px;margin:25px 0}.identity-note{padding-top:24px}.footer{font-size:10px}.footer-links{gap:17px}.identity-layout .footer .container{padding:0 24px}.auth-card h1{font-size:32px}.auth-card .subtitle{font-size:14px}.portal h1{font-size:29px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat:last-child{grid-column:span 2}.stat{padding:17px}.stat strong{font-size:25px}.panel{padding:20px}.button-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Dark surfaces and native browser controls. */
.form-field input{background:#121722;font-size:16px;caret-color:#b6c5ff}
.form-field input::placeholder{color:#8f99ad;opacity:1}
.form-field input:autofill{box-shadow:0 0 0 1000px #182234 inset;color:#f1f3f7}
.form-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #182234 inset;-webkit-text-fill-color:#f1f3f7}
.panel,.stat,.identity-methods a{background:#121722}
::selection{background:#3c527f;color:#fff}
[hidden]{display:none!important}

/* Identity console */
.dashboard-layout{--bg:#090b10;--panel:#11141b;--stroke:#252a34;--muted:#959dac;background:var(--bg);font-family:Arial,Helvetica,sans-serif}
.app-top{height:72px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;gap:46px;padding:0 28px;background:#0c0e14;position:sticky;top:0;z-index:5}
.app-top .brand{width:174px}.app-context{color:#858d9d;font-size:12px}.app-account{margin-left:auto;display:flex;align-items:center;gap:14px}
.avatar{width:34px;height:34px;border:1px solid #3b414e;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#202530;flex-shrink:0}
.role-badge{display:inline-block;color:#c6cedd;background:#1b202b;border:1px solid #333b4a;padding:4px 9px;border-radius:5px;font-size:10px;white-space:nowrap}
.app-frame{display:grid;grid-template-columns:230px minmax(0,1fr);flex:1}.app-sidebar{border-right:1px solid var(--stroke);padding:28px 16px;display:flex;flex-direction:column;gap:8px;min-height:calc(100svh - 72px);position:sticky;top:72px;align-self:start;height:calc(100svh - 72px)}
.sidebar-label{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;color:#697385;margin:0 12px 10px}.app-sidebar .sidebar-label:not(:first-child){margin-top:26px}
.side-link{display:flex;align-items:center;gap:12px;color:#8f98aa;font-size:12px;padding:11px 12px;border-radius:7px;border:1px solid transparent;margin:3px 0;min-height:42px}
.side-link svg{width:17px;height:17px;flex-shrink:0}.side-link:hover{background:#151a24;color:#e7ebf4}.side-link.selected{background:#1c2330;border-color:#30394b;color:#f4f6ff}
.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom small{display:block;font-size:9px;color:#525d70;padding:18px 12px 0}.signout{background:transparent;width:100%;text-align:left;font:inherit;font-size:12px}
.app-main{max-width:1330px;width:100%;padding:29px 42px 68px;margin:auto;align-self:start}.app-breadcrumb{font-size:10px;color:#687387;display:flex;gap:11px;align-items:center;margin-bottom:32px}.app-breadcrumb span{color:#394253}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h1{font-size:29px;font-weight:500;letter-spacing:-1px;margin:0 0 8px;line-height:1.2}.section-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}
.dashboard-layout .button,.dashboard-layout .button-secondary{font-size:11px;padding:11px 16px;border-radius:6px}.dashboard-layout .button{background:#e4e9f5;border-color:#e4e9f5;color:#111722}.dashboard-layout .button-secondary{background:#12161f;border-color:#343c4c;color:#d4dced}.dashboard-layout .button:hover{background:#fff}.dashboard-layout .button-secondary:hover{background:#212836}
.dashboard-layout .panel{background:var(--panel);border:1px solid var(--stroke);padding:24px;border-radius:10px;margin-bottom:22px}.dashboard-layout .panel h2{font-size:15px;font-weight:500;margin:0 0 8px}.dashboard-layout .panel p{color:var(--muted);font-size:11px;line-height:1.85}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.panel-heading p{margin:4px 0}
.identity-banner{padding:34px 38px;position:relative;overflow:hidden;border:1px solid #30394c;border-radius:12px;background:radial-gradient(ellipse at 100% 100%,#24304a55,transparent 66%),#121722;display:flex;align-items:center;justify-content:space-between;gap:30px}
.live-label{font-size:8px;letter-spacing:.15em;color:#aab8cb;font-weight:700;display:inline-flex;align-items:center;gap:8px}.live-label i{width:5px;height:5px;border-radius:50%;background:#95dabf;box-shadow:0 0 9px #95dabf44}
.identity-banner h2{font-size:38px;line-height:1.15;letter-spacing:-1.6px;font-weight:500;margin:20px 0 15px}.identity-banner h2 span{color:#98a6bf}.identity-banner p{font-size:11px;color:#8e9cb4;line-height:1.8}.identity-banner .actions{margin-top:25px;gap:22px}.quiet-link{font-size:10px;color:#a9b6ce}
.identity-emblem{width:148px;height:158px;border:1px solid #55637e;border-radius:25px;transform:rotate(10deg);background:linear-gradient(145deg,#2d39524d,#121722);font-size:89px;color:#aab9d5;display:flex;align-items:center;justify-content:center;position:relative;margin:0 25px 0 0;box-shadow:12px 12px 0 #080c1455,inset 0 0 25px #758bc511;flex-shrink:0}
.identity-emblem span{font-size:8px;letter-spacing:.3em;position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#8394b2}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 24px}.metric{padding:21px 22px;background:#10131a;border:1px solid var(--stroke);border-radius:9px}.metric:hover{border-color:#4e5b74}.metric>span{display:block;color:#a6adbb;font-size:10px}.metric strong{font-size:30px;font-weight:400;letter-spacing:-1px;display:block;margin:9px 0}.metric small{font-size:9px;color:#697891}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}.dashboard-grid>*{min-width:0}.task-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--stroke)}.task-row>div{flex:1}.task-row>span:last-child{color:#6d7990}.task-row strong{font-size:11px;font-weight:500}.task-row p{margin:4px 0 0;font-size:10px!important}.task-row:hover strong{color:#c6d7fa}
.task-icon,.empty-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2d3646;border-radius:9px;color:#a6b4ce;background:#171d28;flex-shrink:0}.task-icon svg{width:18px;height:18px}.identity-summary{text-align:center;padding:28px!important}.identity-summary .sidebar-label{text-align:left;margin-left:0}.profile-orb{width:75px;height:75px;margin:25px auto 15px;background:radial-gradient(circle at 30% 20%,#4e5c7c,#1a2337);border:1px solid #4c5a77;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#c9d4eb}.identity-summary p{overflow-wrap:anywhere;margin:6px 0 14px}.identity-summary .button-secondary{margin-top:25px}
.text-button{border:0;background:none;color:#a9bcdf;font-size:10px;padding:5px 0;cursor:pointer}.text-button:hover{text-decoration:underline}.copy-label{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8793aa;font-size:10px;margin-top:20px}.dashboard-layout .code{margin:6px 0 16px;font-size:11px;line-height:1.8;background:#0c1018;border-color:#2a3241;color:#c0cce4;user-select:text}
.grow{flex:1;min-width:0}.key-row,.session-row,.connection-row,.member-row{display:flex;align-items:flex-start;gap:13px;padding:19px 0;border-top:1px solid var(--stroke)}.key-row strong,.session-row strong,.connection-row strong,.member-row strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.key-row small,.session-row small,.connection-row small,.member-row small{display:block;margin-top:6px;font-size:9px;color:#808da4;line-height:1.8;overflow-wrap:anywhere}.key-row .task-icon,.session-row .task-icon{width:31px;height:34px}.status-dot{color:#99cdbb;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.status-dot:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
details summary{cursor:pointer;font-size:11px;color:#bdc9df;line-height:1.8}.remove-key summary{font-size:9px;color:#a2aabd;margin-top:9px}.remove-key form{margin:12px 0}.add-key{border-top:1px solid var(--stroke);padding-top:20px;margin-top:12px}.add-key>summary{font-weight:600}.add-key form{margin-top:15px}.dashboard-layout .form-field{margin:17px 0}.dashboard-layout .form-field label{font-size:10px;color:#aebbd2}.dashboard-layout .form-field input{background:#0d1119;border-color:#333d50;border-radius:6px;padding:12px;min-height:45px}.dashboard-layout .form-field small{font-size:9px}.dashboard-layout .hint{font-size:10px}.large-heading{font-size:27px!important;letter-spacing:-.8px;line-height:1.3;margin-top:22px!important}.plain-list{padding-left:16px;font-size:10px;color:#9da9bf;line-height:2.6;margin:22px 0}
.empty-state{text-align:center;padding:27px 20px}.empty-icon{margin:0 auto 17px}.empty-state h3{font-size:13px;font-weight:500;margin:0 0 8px}.empty-state p{max-width:290px;margin:0 auto 18px}.compact{font-size:10px!important;padding:7px 11px!important}
.app-tile{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#212a3b;border:1px solid #354159;color:#b7c6e4;font-size:15px;flex-shrink:0}.website-item{border-top:1px solid var(--stroke);padding:17px 0}.website-item>summary{list-style:none;display:flex;align-items:center;gap:12px}.website-item>summary>div{flex:1;min-width:0}.website-item strong{font-size:11px;font-weight:500}.website-item small{display:block;color:#7787a0;font-size:9px;overflow-wrap:anywhere;margin-top:3px}.website-item[open]>summary{margin-bottom:22px}.credentials{border-color:#425b55!important;background:#121c1b!important}.numbered-guide{counter-reset:step;list-style:none;padding:0;margin:25px 0}.numbered-guide li{position:relative;padding-left:33px;margin-bottom:24px}.numbered-guide li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #374156;border-radius:50%;text-align:center;line-height:19px;font-size:9px;color:#a4b4d2}.numbered-guide strong{font-size:11px;font-weight:500}.numbered-guide p{margin:5px 0}.profile-field{padding:21px 0;border-top:1px solid var(--stroke);overflow-wrap:anywhere}.profile-field span{display:block;font-size:10px;color:#7d8ca6;margin-bottom:8px}.profile-field strong{font-size:12px;font-weight:400}
.wallet-preview{position:relative;aspect-ratio:1.6;background:radial-gradient(ellipse at 100% 0%,#33456366,transparent 70%),linear-gradient(130deg,#171e2d,#0b0f17);border:1px solid #414d63;border-radius:16px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.wallet-card-top,.wallet-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.wallet-card-top .brand{font-size:15px;gap:8px}.wallet-card-top .logo{width:25px;height:25px}.wallet-card-top .logo svg{width:17px;height:17px}.wallet-card-top>span:last-child{font-size:7px;letter-spacing:.14em;color:#8899b7}.wallet-card-name{margin:22px 0 15px}.wallet-card-name small{font-size:7px;letter-spacing:.18em;color:#788aab}.wallet-card-name h2{font-size:24px!important;letter-spacing:-.6px;margin-top:7px!important}.wallet-card-bottom{font-size:8px;color:#8396b8}.wallet-card-bottom svg{width:20px}.setup-state{border-top:1px solid var(--stroke);margin-top:24px;padding-top:20px}.setup-state strong{font-size:12px}.setup-state details{margin-top:15px}.auth-divider{display:flex;align-items:center;gap:12px;color:#69768d;margin:24px 0;font-size:11px}.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:var(--stroke)}.auth-card #passkey-login{min-height:48px;gap:10px}.auth-card #passkey-status{font-size:11px;text-align:center}
@media(min-width:1600px){.app-main{padding:35px 60px 80px}}
@media(max-width:1150px){.app-frame{grid-template-columns:200px minmax(0,1fr)}.app-sidebar{padding:25px 12px}.app-top .brand{width:145px}.app-main{padding:28px}.identity-emblem{width:110px;height:128px;font-size:70px;margin-right:0}.identity-banner{padding:30px}.identity-banner h2{font-size:33px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.identity-summary{display:none}}
@media(max-width:740px){.app-top{height:64px;padding:0 20px;gap:12px}.app-top .brand{width:auto;font-size:18px}.app-context{display:none}.app-frame{display:flex;flex-direction:column}.app-sidebar{position:static;display:block;min-height:0;height:auto;width:100%;padding:10px 14px 8px;border-right:0;border-bottom:1px solid var(--stroke)}.app-sidebar nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.app-sidebar .sidebar-label{display:none}.app-sidebar nav[aria-label="Developer"]{border-top:1px solid #1d2330;margin-top:6px;padding-top:5px}.side-link{font-size:10px;gap:6px;padding:8px 10px;min-height:35px;white-space:nowrap;margin:0}.side-link svg{width:14px;height:14px}.sidebar-bottom{display:none}.app-main{padding:22px 20px 48px}.app-breadcrumb{margin-bottom:24px;font-size:9px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:23px}.section-heading h1{font-size:26px}.section-heading p{font-size:11px}.section-heading>.button,.section-heading>.button-secondary{font-size:9px;white-space:nowrap;padding:9px 12px}.identity-banner{padding:25px 23px}.identity-banner h2{font-size:30px}.identity-banner p{font-size:10px}.identity-emblem{width:80px;height:105px;font-size:55px;margin-left:0;border-radius:18px}.identity-emblem span{font-size:6px;bottom:12px}.identity-banner .actions{gap:16px;flex-wrap:wrap}.identity-banner .quiet-link{font-size:9px}.metric-grid{gap:8px;margin-top:15px}.metric{padding:15px 13px}.metric>span{font-size:9px}.metric strong{font-size:25px}.metric small{font-size:8px;line-height:1.6;display:block}.dashboard-layout .panel{padding:21px;margin-bottom:18px}.dashboard-grid{gap:0}.key-row,.session-row,.connection-row{gap:10px;flex-wrap:wrap}.session-row .status-dot{font-size:8px}.website-item .status-dot{display:none}.wallet-preview{padding:23px;max-width:500px;aspect-ratio:1.6}.wallet-card-name h2{font-size:24px!important}.wallet-card-top>span:last-child{font-size:6px}.app-account{gap:10px}.app-account .role-badge{font-size:9px}}
@media(max-width:390px){.app-main{padding-left:16px;padding-right:16px}.identity-emblem{display:none}.identity-banner h2{font-size:31px}.section-heading>.button-secondary{display:none}.metric-grid{gap:7px}.metric{padding:13px 10px}.side-link{padding:8px}.side-link svg{display:none}.wallet-preview{padding:18px}.wallet-card-name h2{font-size:21px!important}}

/* Readable text and touch targets on the account screens. */
.quick-signout .text-button{font-size:18px;min-height:36px;min-width:32px;color:#8f9bb1}
#register,#add-passkey,#sessions{scroll-margin-top:90px}
.dashboard-layout .panel p{font-size:12px}.dashboard-layout .form-field label{font-size:12px}.dashboard-layout .form-field small{font-size:10px}.task-row strong,.key-row strong,.session-row strong,.connection-row strong,.member-row strong{font-size:12px}.key-row small,.session-row small,.connection-row small,.member-row small{font-size:10px}.task-row p{font-size:11px!important}.metric>span{font-size:11px}.metric small{font-size:10px}.identity-banner p{font-size:12px}.numbered-guide strong{font-size:12px}.add-key>summary{min-height:38px;padding:7px 0}.dashboard-layout .button,.dashboard-layout .button-secondary{min-height:40px}.empty-state p{font-size:12px}
@media(max-width:740px){.side-link{font-size:11px;min-height:40px;padding:9px 10px;flex-shrink:0}.metric>span{font-size:10px}.metric small{font-size:9px}.identity-banner p{font-size:11px}.app-account{gap:6px}.quick-signout .text-button{min-width:24px}.dashboard-layout .panel p{font-size:12px}.dashboard-layout .button,.dashboard-layout .button-secondary{min-height:42px}.section-heading>.button{white-space:normal}}

/* Public HB ID landing page. */
.landing-main{flex:1;width:100%;position:relative}.landing-shell{max-width:1120px;margin:0 auto;padding:0 32px}.landing-layout .nav .container{max-width:1184px;margin:auto;padding:0 32px;height:90px}.landing-nav{display:flex;gap:27px;align-items:center;font-size:13px;color:#b5bccb}.landing-nav a:hover{color:#fff}.landing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:center;padding:90px 0 95px}.landing-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;color:#9ca9c0;display:block;margin-bottom:22px}.landing-intro h1{font-size:64px;line-height:1.08;letter-spacing:-2.9px;font-weight:500;margin:0 0 24px}.landing-intro h1 span{color:#a8b6cf}.landing-intro>p{font-size:16px;line-height:1.85;color:#a6adbb;max-width:460px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.landing-actions>a{min-height:48px;padding:13px 23px;font-size:13px}.landing-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:29px;font-size:11px;color:#a3aec2}.landing-trust span:before{content:'✓';margin-right:6px;color:#d2dbee}.landing-hub{border:1px solid #354053;border-radius:18px;padding:30px;background:linear-gradient(145deg,#171e2b,#0c1018);box-shadow:0 30px 70px #0005}.landing-hub-top{display:flex;align-items:center;justify-content:space-between;color:#aab5cb;font-size:9px;letter-spacing:.12em}.landing-hub .logo{width:42px;height:42px}.landing-hub h2{font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1.2;margin:32px 0 15px}.landing-hub>p{font-size:13px;color:#a6adbb;line-height:1.8;margin-bottom:25px}.landing-hub>a{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #2c3545;font-size:12px;min-height:53px}.landing-hub>a>span:first-of-type{flex:1}.landing-hub>a:hover{color:#bacbf0}.landing-section{padding:65px 0;border-top:1px solid #252d3a;scroll-margin-top:25px}.landing-section-heading{max-width:600px}.landing-section-heading .landing-kicker,.landing-developers .landing-kicker{margin-bottom:15px}.landing-section h2,.landing-final h2{font-size:34px;font-weight:400;line-height:1.25;letter-spacing:-1.1px;margin:0 0 16px}.landing-section-heading>p,.landing-developers p,.landing-final p{color:#a6adbb;font-size:14px;line-height:1.8}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:31px}.landing-feature{border:1px solid #2d3646;border-radius:12px;padding:27px;background:#0d111a;display:flex;flex-direction:column;align-items:flex-start}.landing-feature-icon{border:1px solid #354155;border-radius:10px;display:grid;place-items:center;width:42px;height:42px;color:#b6c6e0}.landing-feature h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:25px 0 8px}.landing-feature p{font-size:13px;line-height:1.85;color:#a6adbb;margin:0 0 24px;flex:1}.landing-feature>a{font-size:12px;font-weight:600;padding:8px 0}.landing-feature>a:hover{text-decoration:underline}.landing-developers{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.landing-developers .hint{font-size:11px;max-width:440px;margin-top:20px}.landing-code{border:1px solid #303a4c;border-radius:12px;background:#10151f;padding:29px}.landing-code code{display:block;overflow-wrap:anywhere;font-size:15px;color:#d7e2f5;line-height:1.7}.landing-code .text-button{font-size:11px;padding:10px 0;margin:6px 0 19px;min-height:40px}.landing-code-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2b3444;padding:14px 0;font-size:11px;color:#a6adbb}.landing-code-row strong{color:#d3dced;font-weight:400;text-align:right}.landing-code>a{display:inline-block;margin-top:17px;font-size:12px}.landing-faq{max-width:800px}.landing-faq details{border-top:1px solid #2c3442;padding:18px 0}.landing-faq details:last-child{border-bottom:1px solid #2c3442}.landing-faq summary{font-size:15px;font-weight:500;cursor:pointer;min-height:28px;padding:4px 0}.landing-faq details p{color:#a6adbb;font-size:13px;line-height:1.9;margin:14px 0}.landing-faq details>a{font-size:13px;display:inline-block;padding:8px 0}.landing-final{border:1px solid #354053;border-radius:14px;background:#121824;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:10px 0 65px}.landing-final h2{font-size:27px;margin-bottom:7px}.landing-final p{font-size:13px;margin:0}.landing-final .landing-actions{margin-top:0;flex-shrink:0}.landing-layout .identity-pattern{opacity:.5}.wallet-service .panel-heading h2{margin:0}
@media(max-width:900px){.landing-hero{gap:35px;padding:65px 0}.landing-intro h1{font-size:52px}.landing-developers{gap:35px}.landing-final{flex-direction:column;align-items:flex-start}.landing-features{gap:12px}.landing-feature{padding:22px}}
@media(max-width:600px){.landing-shell{padding:0 24px}.landing-layout .nav .container{height:78px;padding:0 24px}.landing-nav{gap:16px}.landing-nav>a:first-child{display:none}.landing-nav>a{font-size:12px}.landing-nav .button-secondary{padding:9px 13px;min-height:40px}.landing-hero{grid-template-columns:1fr;gap:35px;padding:42px 0 44px}.landing-kicker{font-size:9px;margin-bottom:20px;letter-spacing:.1em}.landing-intro h1{font-size:47px;letter-spacing:-1.9px}.landing-intro>p{font-size:15px}.landing-actions{gap:10px;margin-top:25px}.landing-actions>a{font-size:12px;padding:13px 20px;min-height:48px}.landing-trust{gap:14px;font-size:10px;margin-top:24px}.landing-hub{padding:25px}.landing-hub h2{font-size:29px;margin-top:25px}.landing-hub>a{font-size:13px}.landing-section{padding:40px 0}.landing-section h2{font-size:28px;letter-spacing:-.7px}.landing-section-heading>p,.landing-developers p{font-size:14px}.landing-features{grid-template-columns:1fr;gap:14px;margin-top:24px}.landing-feature{padding:24px}.landing-feature h3{margin-top:20px;font-size:19px}.landing-feature p{font-size:14px;margin-bottom:15px}.landing-feature>a{font-size:13px;min-height:40px;display:flex;align-items:center}.landing-developers{grid-template-columns:1fr;gap:24px}.landing-code{padding:24px}.landing-code code{font-size:14px}.landing-code-row{font-size:11px}.landing-faq summary{font-size:14px;line-height:1.6}.landing-faq details p{font-size:14px}.landing-final{padding:26px;margin-bottom:40px;gap:23px}.landing-final h2{font-size:25px}.landing-final .landing-actions{width:100%;gap:9px}.landing-final .landing-actions>a{flex:1;padding:12px 10px;font-size:11px}.landing-layout .footer .container{padding:0 24px}.landing-layout .footer-links{gap:15px}.landing-layout .identity-pattern{width:100%;opacity:.25}}

.hint[data-home-link]{text-align:center;margin-top:22px}.cancel-signin{margin-top:11px}.information-page{position:relative;max-width:780px;padding-top:70px;padding-bottom:80px;min-height:70vh}.information-page h1{font-size:clamp(2rem,6vw,3.5rem)}.information-page p{line-height:1.8;color:var(--muted,#a4abb9);margin:24px 0}.footer-links{flex-wrap:wrap}

.email-code-signin{margin-top:16px}