@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=DM+Sans:wght@300;400;500&display=swap";.index-page{color:#1a1a1a;background:#f7f5f0;flex-direction:column;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow-x:hidden}.index-bg{opacity:.35;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#c8c4b8 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.index-header{z-index:1;text-align:center;max-width:680px;padding:72px 24px 48px;animation:.5s both fadeUp;position:relative}.lab-wordmark{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.wordmark-main{letter-spacing:-.5px;color:#1a1a1a;font-family:DM Serif Display,serif;font-size:42px;line-height:1}.wordmark-dot{background:#534ab7;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:2px}.wordmark-sub{letter-spacing:.12em;text-transform:uppercase;color:#534ab7;margin-top:6px;font-family:DM Mono,monospace;font-size:14px;font-weight:500}.index-tagline{color:#666;margin-bottom:20px;font-size:15px;font-weight:300;line-height:1.6}.index-summary{color:#888;letter-spacing:.04em;justify-content:center;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:12px;display:flex}.summary-sep{color:#ccc}.index-main{z-index:1;flex:1;width:100%;max-width:1040px;padding:0 24px 80px;position:relative}.cohort-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.cohort-card{border:1.5px solid var(--card-border);cursor:pointer;background:#fff;border-radius:16px;outline:none;flex-direction:column;gap:12px;padding:24px;transition:border-color .18s,transform .18s,box-shadow .18s;animation:.45s both fadeUp;display:flex}.cohort-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014}.cohort-card:focus-visible{box-shadow:0 0 0 3px var(--card-accent)}.card-header{justify-content:space-between;align-items:center;display:flex}.card-badge{letter-spacing:.1em;border:1px solid;border-radius:20px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.card-arrow{font-size:18px;line-height:1;transition:transform .18s}.cohort-card:hover .card-arrow{transform:translate(4px)}.card-title{color:#1a1a1a;margin:0;font-family:DM Serif Display,serif;font-size:20px;font-weight:400;line-height:1.2}.card-desc{color:#666;flex:1;margin:0;font-size:13px;font-weight:300;line-height:1.6}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{letter-spacing:.04em;border:1px solid;border-radius:10px;padding:2px 8px;font-family:DM Mono,monospace;font-size:10px}.card-footer{border-top:1px solid #f0ede8;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.card-stat{flex-direction:column;gap:1px;display:flex}.stat-value{color:#1a1a1a;font-family:DM Mono,monospace;font-size:14px;font-weight:500;line-height:1}.stat-label{color:#aaa;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.card-divider{background:#f0ede8;width:1px;height:24px}.state-message{color:#888;justify-content:center;align-items:center;gap:12px;padding:80px 0;font-family:DM Mono,monospace;font-size:14px;display:flex}.state-error{color:#993c1d}.spinner{border:2px solid #e0ddd8;border-top-color:#534ab7;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.index-footer{z-index:1;color:#aaa;letter-spacing:.04em;align-items:center;gap:10px;padding:24px;font-family:DM Mono,monospace;font-size:11px;display:flex;position:relative}.index-footer a{color:#534ab7;text-decoration:none}.index-footer a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.index-page{color:#e8e5de;background:#111110}.index-bg{opacity:.12}.wordmark-main{color:#e8e5de}.cohort-card{background:#1c1b19}.card-title{color:#e8e5de}.card-footer{border-top-color:#2a2927}.card-divider{background:#2a2927}.stat-value{color:#e8e5de}}@media (width<=600px){.wordmark-main{font-size:32px}.index-header{padding:48px 20px 32px}.cohort-grid{grid-template-columns:1fr}}
