.api-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;padding:30px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 5%,var(--surface)))}.api-hero:after{content:"";position:absolute;right:-120px;top:-180px;width:380px;height:380px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 65px color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 130px color-mix(in srgb,var(--accent) 1%,transparent)}.api-hero h2{max-width:780px;margin:10px 0;font:500 clamp(30px,4vw,53px)/1.02 Georgia,serif;letter-spacing:-.05em}.api-hero h2 em{color:var(--accent);font-style:normal}.api-hero p{max-width:720px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.api-trust{position:relative;z-index:1;display:grid;gap:7px}.api-trust div{display:flex;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid var(--line);font-size:8px}.api-trust span{color:var(--muted)}.api-trust strong{color:var(--accent)}.api-security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.api-security-grid article{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.api-security-grid strong,.api-security-grid small{display:block}.api-security-grid strong{font-size:9px}.api-security-grid small{margin-top:5px;color:var(--muted);font-size:7px;line-height:1.5}.api-secret-reveal{margin-top:18px;padding:19px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px;background:var(--accent-soft)}.api-secret-reveal span,.api-secret-reveal strong{display:block}.api-secret-reveal>span{color:var(--accent);font-size:7px;font-weight:850;letter-spacing:.12em}.api-secret-reveal>strong{margin:7px 0;font-size:12px}.secret-copy-row{display:flex;gap:8px;margin-top:13px}.secret-copy-row code{min-width:0;flex:1;padding:11px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);font-size:8px;white-space:nowrap}.api-org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-org-card{padding:18px}.api-org-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.api-org-head h3{margin:0;font-size:13px}.api-org-head p{margin:4px 0 0;color:var(--muted);font-size:8px}.api-quota{margin:15px 0}.api-quota-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.api-key-list{display:grid;gap:7px;margin-top:13px}.api-key-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018)}.api-key-row strong,.api-key-row small{display:block}.api-key-row strong{font:700 8px ui-monospace,monospace}.api-key-row small{margin-top:4px;color:var(--muted);font-size:7px}.api-key-actions{display:flex;align-items:center;gap:5px}.api-key-actions button{padding:6px 8px}.api-scope-list{display:grid;gap:7px;margin-top:8px}.api-scope{display:grid;grid-template-columns:17px 1fr;gap:8px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:8px}.api-scope input{margin:1px 0}.api-scope strong,.api-scope small{display:block}.api-scope strong{font-size:8px}.api-scope small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4}.api-review-list{display:grid;gap:8px}.api-review-row{display:grid;grid-template-columns:1fr 130px 110px 130px auto;gap:9px;align-items:end;padding:13px;border:1px solid var(--line);border-radius:10px}.api-review-row h4{margin:0;font-size:10px}.api-review-row p{margin:4px 0 0;color:var(--muted);font-size:7px}.api-review-row label span{display:block;margin-bottom:5px;color:var(--faint);font-size:7px}.api-review-row input,.api-review-row select{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:8px}@media(max-width:1100px){.api-hero{grid-template-columns:1fr}.api-security-grid{grid-template-columns:repeat(2,1fr)}.api-review-row{grid-template-columns:1fr 1fr 1fr}.api-review-row>div:first-child,.api-review-row>button{grid-column:1/-1}.api-org-grid{grid-template-columns:1fr}}@media(max-width:650px){.api-hero{padding:22px}.api-security-grid{grid-template-columns:1fr}.secret-copy-row{flex-direction:column}.api-review-row{grid-template-columns:1fr}.api-review-row>*{grid-column:1!important}.api-key-row{grid-template-columns:1fr}.api-key-actions{flex-wrap:wrap}}
