:root{color:#f3f5f7;font-synthesis:none;--bg:#080b10;--panel:#0e131a;--panel-2:#121922;--line:#222c38;--muted:#8692a1;--green:#72f2ae;--green-dark:#0f261c;--red:#ff7d82;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 80% -10%, #30604c2e, transparent 34rem), var(--bg);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input{font:inherit}button{color:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,6vw,92px);display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:730;display:flex}.mark{width:34px;height:34px;color:var(--green);border:1px solid #334053;place-items:center;font-family:ui-monospace,monospace;font-size:12px;display:grid;transform:rotate(-3deg)}nav{color:#aab3be;gap:30px;font-size:14px;display:flex}main{flex:1}footer{color:#66717f;text-transform:uppercase;letter-spacing:.11em;border-top:1px solid #ffffff12;justify-content:space-between;padding:25px clamp(24px,6vw,92px);font:11px ui-monospace,monospace;display:flex}footer a{text-underline-offset:4px;text-decoration:underline}.hero{width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(86px,12vh,150px) 0 70px;position:relative}.hero:after{content:"OIDC";color:#0000;-webkit-text-stroke:1px #ffffff09;z-index:-1;font-size:clamp(120px,22vw,290px);font-weight:900;line-height:1;position:absolute;top:54px;right:0}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.14em;font:11px ui-monospace,SFMono-Regular,monospace}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:8px;display:inline-block}h1{letter-spacing:-.07em;max-width:900px;margin:29px 0 34px;font-size:clamp(58px,8.6vw,122px);font-weight:690;line-height:.87}h1 em{color:var(--green);font-style:normal}h2{letter-spacing:-.055em;margin:14px 0;font-size:clamp(34px,4.2vw,56px);line-height:1}h3{letter-spacing:-.02em;margin:6px 0 7px;font-size:19px}.lede{color:#a2acb8;max-width:610px;font-size:clamp(17px,1.6vw,21px);line-height:1.65}.actions{align-items:center;gap:12px;margin:36px 0 70px;display:flex}.button{appearance:none;border:1px solid var(--line);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 19px;font-size:14px;font-weight:650;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){color:inherit;transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:wait}.button.primary{background:var(--green);border-color:var(--green);color:#06110c}.button.primary:hover:not(:disabled){background:#94f8c2}.button.secondary{color:#e9edf1;background:#10161e}.button.secondary:hover:not(:disabled){border-color:#4b5b6e}.button.passkey{color:#080b10;background:#f3f5f7;border-color:#f3f5f7}.button.passkey:hover:not(:disabled){background:var(--green);border-color:var(--green)}.button.full{width:100%;margin-top:7px}.protocol-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:2.2fr 1fr 1.4fr;display:grid}.protocol-card>div{border-right:1px solid var(--line);flex-direction:column;gap:9px;padding:19px 20px;display:flex;overflow:hidden}.protocol-card>div:last-child{border-right:0}.protocol-card span,.panel-label{color:#64707f;text-transform:uppercase;letter-spacing:.12em;font:10px ui-monospace,monospace}.protocol-card code{color:var(--green);text-overflow:ellipsis;overflow:hidden}.protocol-card strong,.protocol-card code{font:12px ui-monospace,monospace}.auth-wrap{grid-template-columns:minmax(0,520px) 1fr;align-items:stretch;width:min(1100px,100% - 40px);min-height:calc(100vh - 146px);margin:0 auto;display:grid}.auth-card{align-self:center;padding:clamp(58px,10vh,110px) clamp(24px,5vw,70px) 70px 0}.auth-card h2{font-size:clamp(38px,4.8vw,62px)}.subtitle{color:var(--muted);margin:0 0 32px;line-height:1.6}.auth-aside{border-left:1px solid var(--line);background:linear-gradient(135deg,#0000,#72f2ae09);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.lock-orbit{border:1px solid #26313c;border-radius:50%;place-items:center;width:190px;height:190px;display:grid;position:relative}.lock-orbit:before,.lock-orbit:after{content:"";border:1px solid #72f2ae2e;border-radius:50%;position:absolute;inset:20px}.lock-orbit:after{border-style:dashed;inset:-24px}.lock-orbit span{color:var(--green);font:700 38px ui-monospace,monospace}.auth-aside blockquote{margin:62px 0 5px;font-size:18px}.auth-aside>p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font:11px ui-monospace,monospace}form{flex-direction:column;gap:18px;display:flex}label{color:#b9c1ca;flex-direction:column;gap:8px;font-size:12px;font-weight:620;display:flex}label>span{letter-spacing:.02em}label small{color:#65717f;font-weight:400}input{color:#f4f6f8;background:#0a0e14;border:1px solid #293442;border-radius:3px;outline:none;width:100%;height:49px;padding:0 14px}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #72f2ae14}input::placeholder{color:#4e5967}.form-error{border-left:2px solid var(--red);color:#ffadb0;background:#ff7d8214;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.form-divider{color:#606c79;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:23px 0;font-size:10px;display:flex}.form-divider:before,.form-divider:after{content:"";background:var(--line);flex:1;height:1px}.split-links{color:#8c98a6;justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.text-button,.danger-link{appearance:none;color:#8d99a7;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.text-button{margin:22px auto 0;display:block}.text-button:hover{color:var(--green)}.scope-list{border-top:1px solid var(--line);margin:27px 0;padding:0;list-style:none}.scope-list li{border-bottom:1px solid var(--line);gap:14px;padding:17px 0;display:flex}.scope-icon{width:26px;height:26px;color:var(--green);border:1px solid #315442;flex:none;place-items:center;font-size:11px;display:grid}.scope-list strong,.scope-list small{display:block}.scope-list strong{margin-bottom:4px;font-size:13px}.scope-list small{color:var(--muted);line-height:1.4}.button-row{gap:10px;display:flex}.button-row>*{flex:1}.button-row.right{justify-content:flex-end}.button-row.right>*{flex:none}.notice{background:var(--green-dark);color:#a5f8c9;padding:11px 13px;font-size:12px;line-height:1.5}.page{width:min(1120px,100% - 48px);margin:0 auto;padding:70px 0 90px}.page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;padding-bottom:30px;display:flex}.page-heading h2{margin-top:12px}.page-heading p{color:var(--muted);max-width:650px;margin:0;line-height:1.55}.grid.two{grid-template-columns:1fr 1.4fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);padding:24px}.panel>p{color:var(--muted);font-size:13px;line-height:1.55}.panel .button{margin-top:14px}.badge{color:#96a2b0;text-transform:uppercase;letter-spacing:.08em;border:1px solid #344151;align-items:center;min-height:24px;padding:0 8px;font:9px ui-monospace,monospace;display:inline-flex}.badge.success{color:var(--green);border-color:#286143;margin-top:13px}.account-notice{margin:0 0 16px}.panel.passkeys{grid-column:1/-1}.passkey-add{grid-template-columns:1fr auto;gap:10px;margin:20px 0;display:grid}.passkey-add .button{margin-top:0}.passkey-list{border-top:1px solid var(--line)}.passkey-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 2px;display:flex}.passkey-row strong,.passkey-row small{display:block}.passkey-row strong{font-size:13px}.passkey-row small{color:var(--muted);margin-top:4px;font-size:10px}.setup-box{background:#090d12;border:1px solid #25303c;margin-top:20px;padding:17px}.break{word-break:break-all;color:var(--green);background:#050709;padding:10px;font-size:10px;display:block}.codes{grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 20px;display:grid}.codes code{text-align:center;background:#111820;padding:7px;font-size:11px}.client-form{margin-bottom:18px}.form-grid{grid-template-columns:1fr 1.4fr 1.4fr;gap:15px;display:grid}.check{flex-direction:row;align-items:center;gap:9px;display:flex}.check input{width:16px;height:16px}.secret-callout{background:#0d1b14;border:1px solid #397a56;grid-template-columns:1fr auto;gap:10px;margin:0 0 18px;padding:18px;display:grid}.secret-callout strong{font-size:13px}.secret-callout code{color:var(--green);word-break:break-all;grid-column:1}.secret-callout .text-button{grid-area:1/2/3;margin:auto}.client-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.client{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:17px;padding:21px 5px;display:grid}.client-monogram{width:42px;height:42px;color:var(--green);text-transform:uppercase;background:#121a21;border:1px solid #293645;place-items:center;font:17px ui-monospace,monospace;display:grid}.client h3{font-size:15px}.client code{color:#7e8a98;font-size:10px}.client p{color:#5f6a77;margin:6px 0 0;font-size:11px}.client-meta{align-items:center;gap:18px;display:flex}.danger-link:hover{color:var(--red)}.empty{text-align:center;border-bottom:1px solid var(--line);color:var(--muted);padding:64px 20px}.empty span{color:#394451;font:34px ui-monospace,monospace}.empty h3{color:#d8dde3}.integration{border:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:35px;padding:22px;display:grid}.integration>.panel-label{grid-column:1/-1}.integration div{overflow:hidden}.integration label{color:#5e6977;text-transform:uppercase;margin-bottom:6px;font:9px ui-monospace,monospace}.integration code{color:#bdc7d1;white-space:nowrap;font-size:10px}.loading{min-height:60vh;color:var(--muted);place-items:center;display:grid}@media (width<=760px){header{height:66px}nav{gap:15px}footer{flex-direction:column;gap:12px}.hero{padding-top:70px}.hero:after{display:none}.actions{flex-wrap:wrap;margin-bottom:48px}.protocol-card{grid-template-columns:1fr}.protocol-card>div{border-right:0;border-bottom:1px solid var(--line)}.protocol-card>div:last-child{border-bottom:0}.auth-wrap{min-height:auto;display:block}.auth-card{padding:60px 0}.auth-aside{display:none}.page-heading{flex-direction:column;align-items:flex-start}.grid.two,.form-grid,.integration{grid-template-columns:1fr}.panel.passkeys{grid-column:auto}.passkey-add{grid-template-columns:1fr}.client{grid-template-columns:38px 1fr}.client-meta{grid-column:2}.secret-callout{grid-template-columns:1fr}.secret-callout .text-button{grid-area:auto/1;justify-self:start;margin:0}}