.api-page{color:#fff;background:#000;min-height:100svh;padding-top:80px}.api-hero{border-bottom:1px solid #ffffff14;padding:clamp(60px,8vw,120px) clamp(24px,8vw,120px) clamp(48px,6vw,80px)}.api-hero-sub{font-family:var(--font-barlow);letter-spacing:.22em;color:#fff6;text-transform:uppercase;margin-bottom:16px;font-size:clamp(11px,.9vw,13px);font-weight:400}.api-hero-title{font-family:var(--font-barlow);letter-spacing:.02em;font-size:clamp(42px,5.5vw,80px);font-weight:700;line-height:1}.api-hero-desc{font-family:var(--font-barlow);color:#fff9;max-width:560px;margin-top:20px;font-size:clamp(14px,1.2vw,18px);font-weight:400;line-height:1.7}.api-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:24px;padding:clamp(40px,6vw,80px) clamp(24px,8vw,120px);display:grid}.api-card{color:#fff;border:1px solid #ffffff1a;padding:36px 32px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:block;position:relative;overflow:hidden}.api-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff0a 0%,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.api-card:hover{background:#ffffff08;border-color:#ffffff59;transform:translateY(-3px)}.api-card:hover:before{opacity:1}.api-card-label{font-family:var(--font-barlow);letter-spacing:.22em;color:#ffffff59;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:400}.api-card-title{font-family:var(--font-barlow);letter-spacing:.02em;margin-bottom:14px;font-size:clamp(24px,2.2vw,32px);font-weight:700;line-height:1.1}.api-card-desc{font-family:var(--font-barlow);color:#ffffff8c;margin-bottom:28px;font-size:clamp(13px,1vw,15px);font-weight:400;line-height:1.65}.api-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.api-card-tag{font-family:var(--font-barlow);letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;border:1px solid #ffffff26;padding:4px 10px;font-size:11px}.api-card-arrow{font-family:var(--font-barlow);letter-spacing:.1em;color:#fff6;font-size:13px;transition:color .25s,letter-spacing .25s}.api-card:hover .api-card-arrow{color:#fff;letter-spacing:.18em}.api-detail-body{max-width:900px;padding:clamp(40px,6vw,80px) clamp(24px,8vw,120px)}.api-detail-section{margin-bottom:clamp(40px,5vw,64px)}.api-detail-section-title{font-family:var(--font-barlow);letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;border-bottom:1px solid #ffffff14;margin-bottom:20px;padding-bottom:12px;font-size:clamp(11px,.9vw,13px);font-weight:700}.api-detail-text{font-family:var(--font-barlow);color:#ffffffb3;font-size:clamp(14px,1.2vw,17px);font-weight:400;line-height:1.75}.api-endpoints{flex-direction:column;gap:12px;display:flex}.api-endpoint{background:#ffffff05;border:1px solid #ffffff14;align-items:baseline;gap:14px;padding:14px 18px;display:flex}.api-endpoint-method{font-family:var(--font-barlow);letter-spacing:.1em;color:#ffffff80;background:#ffffff0f;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.api-endpoint-path{color:#ffffffd9;word-break:break-all;flex:1;font-family:Courier New,monospace;font-size:clamp(12px,1vw,14px)}.api-endpoint-desc{font-family:var(--font-barlow);color:#ffffff59;flex-shrink:0;font-size:clamp(11px,.9vw,13px)}.api-cta-link{font-family:var(--font-barlow);letter-spacing:.12em;text-transform:uppercase;color:#fff;border:1px solid #ffffff80;align-items:center;gap:10px;padding:14px 30px;font-size:clamp(13px,1.1vw,16px);font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.api-cta-link:hover{background:#ffffff14;border-color:#fff}.api-back-link{font-family:var(--font-barlow);letter-spacing:.18em;text-transform:uppercase;color:#fff6;align-items:center;gap:8px;margin-bottom:48px;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.api-back-link:hover{color:#fff}@media (max-width:767px){.api-hero{padding:48px 22px 40px}.api-grid{gap:16px;padding:32px 22px}.api-card{padding:28px 22px}.api-detail-body{padding:32px 22px}.api-endpoint{flex-wrap:wrap;gap:8px}.api-endpoint-desc{width:100%}}