.api-access-page{background:radial-gradient(circle at 15% 10%,rgba(var(--color-primary),.22),transparent 42%),radial-gradient(circle at 85% 0,rgba(var(--color-secondary),.18),transparent 38%),var(--page-background);color:rgb(var(--color-text-primary));padding:120px 0 4rem}.api-access-page__hero{background:linear-gradient(145deg,rgba(var(--color-bg-primary),.94),rgba(var(--color-bg-secondary),.92));border:1px solid rgba(var(--color-primary),.24);border-radius:20px;margin-bottom:1.2rem;padding:1.6rem}.api-access-page__eyebrow{color:rgb(var(--color-primary));font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 .55rem;text-transform:uppercase}.api-access-page__title{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.2;margin:0}.api-access-page__subtitle{color:rgb(var(--color-text-secondary));margin:.75rem 0 0;max-width:72ch}.api-access-page__hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.api-access-page__button{align-items:center;border-radius:10px;display:inline-flex;font-weight:700;justify-content:center;padding:.6rem 1rem;text-decoration:none}.api-access-page__button_primary{background:linear-gradient(135deg,rgb(var(--color-primary)),rgb(var(--color-secondary)));color:#fff}.api-access-page__button_ghost{background:rgba(var(--color-bg-primary),.72);border:1px solid rgba(var(--color-primary),.3);color:rgb(var(--color-text-primary))}.api-access-page__section{background:rgba(var(--color-bg-primary),.7);border:1px solid rgba(var(--color-primary),.18);border-radius:16px;margin-top:1rem;padding:1.2rem}.api-access-page__state{display:grid;gap:.7rem}.api-access-page__state p{color:rgb(var(--color-text-secondary));margin:0}.api-access-page__automation-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.api-access-page__section-title{font-size:clamp(1.1rem,2vw,1.45rem);margin:0 0 .75rem}.api-access-page__muted{color:rgb(var(--color-text-secondary));margin:0}.api-access-page__usage{display:grid;gap:.35rem}.api-access-page__usage p{color:rgb(var(--color-text-secondary));margin:0}.api-access-page__field{display:grid;gap:.35rem}.api-access-page__label{color:rgb(var(--color-text-secondary));font-size:.84rem}.api-access-page__input,.api-access-page__textarea{background:rgba(var(--color-bg-primary),.85);border:1px solid rgba(var(--color-primary),.3);border-radius:10px;color:rgb(var(--color-text-primary));padding:.55rem .7rem;width:100%}.api-access-page__textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;resize:vertical}.api-access-page__secret{background:rgba(var(--color-bg-primary),.6);border:1px solid rgba(var(--color-primary),.2);border-radius:10px;color:rgb(var(--color-text-secondary));display:grid;gap:.55rem;margin:0;min-width:0;padding:.65rem}.api-access-page__secret code{background:rgba(var(--color-bg-secondary),.55);border:1px solid rgba(var(--color-primary),.22);border-radius:8px;color:rgb(var(--color-text-primary));display:block;max-width:100%;overflow-wrap:anywhere;padding:.45rem .55rem;white-space:normal;word-break:break-word}.api-access-page__secret-actions{display:flex;flex-wrap:wrap;gap:.45rem}.api-access-page__copy{background:transparent;border:none;color:rgb(var(--color-primary));cursor:pointer;font-weight:700;padding:0;width:-moz-fit-content;width:fit-content}.api-access-page__keys{display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.api-access-page__keys li{align-items:center;border:1px solid rgba(var(--color-primary),.2);border-radius:10px;display:flex;gap:.7rem;justify-content:space-between;padding:.6rem}.api-access-page__tester{margin-top:.75rem}.api-access-page__tester-result{margin-top:.6rem}.api-access-page__key-name{font-weight:700;margin:0}.api-access-page__danger{background:rgba(var(--color-danger),.08);border:1px solid rgba(var(--color-danger),.35);border-radius:8px;color:#ef4444;cursor:pointer;padding:.4rem .55rem}.api-access-page__bullet-list,.api-access-page__steps{color:rgb(var(--color-text-secondary));display:grid;gap:.5rem;margin:0;padding-left:1.2rem}.api-access-page__meta{display:grid;gap:.45rem;margin-top:.85rem}.api-access-page__meta p{color:rgb(var(--color-text-secondary));margin:0}.api-access-page__grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.api-access-page__card{background:linear-gradient(145deg,rgba(var(--color-bg-primary),.95),rgba(var(--color-bg-secondary),.9));border:1px solid rgba(var(--color-primary),.2);border-radius:12px;display:grid;gap:.75rem;padding:.9rem}.api-access-page__card h3{font-size:1rem;margin:0 0 .45rem}.api-access-page__card p{color:rgb(var(--color-text-secondary));margin:0}.api-access-page__card .button,.api-access-page__card .input,.api-access-page__card .select,.api-access-page__card .textarea{margin:0}.api-access-page__table-wrap{overflow-x:auto}.api-access-page__table{border-collapse:collapse;min-width:560px;width:100%}.api-access-page__table td,.api-access-page__table th{border-bottom:1px solid rgba(var(--color-primary),.2);padding:.72rem .5rem;text-align:left;vertical-align:top}.api-access-page__table th{color:rgb(var(--color-text-primary));font-size:.86rem;letter-spacing:.05em;text-transform:uppercase}.api-access-page__table td{color:rgb(var(--color-text-secondary))}.api-access-page__snippet-title{font-weight:700;margin:0 0 .55rem}.api-access-page__snippet{background:#0f172a;border:1px solid rgba(var(--color-primary),.25);border-radius:12px;color:#e2e8f0;margin:0 0 1rem;overflow-x:auto;padding:.8rem}.api-access-page__faq{display:grid;gap:.85rem}.api-access-page__faq article{border-left:3px solid rgba(var(--color-primary),.6);padding-left:.75rem}.api-access-page__faq h3{font-size:1rem;margin:0 0 .35rem}.api-access-page__faq p{color:rgb(var(--color-text-secondary));margin:0}@media(max-width:980px){.api-access-page__automation-grid,.api-access-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.api-access-page__hero,.api-access-page__section{padding:1rem}.api-access-page__automation-grid,.api-access-page__grid{grid-template-columns:1fr}}@media(max-width:480px){.api-access-page__tester{min-width:0}.api-access-page__tester .api-access-page__hero-actions{display:grid;gap:.5rem;grid-template-columns:1fr}.api-access-page__tester .button{min-width:0;width:100%}.api-access-page__tester .button__text{line-height:1.2;overflow-wrap:anywhere;text-align:center;white-space:normal}.api-access-page__tester .select__control{align-items:flex-start;min-height:44px}.api-access-page__tester .select__value{overflow-wrap:anywhere;white-space:normal}}