.templates-hub { --hub-border:rgba(103,232,249,.2); --hub-muted:#9aa9be; --hub-cyan:#67e8f9; color:#e5edf8; max-width:1180px; margin:0 auto; padding:3.5rem 1rem 6rem; }
.templates-hub__hero { max-width:900px; margin:0 auto 4rem; text-align:center; }
.templates-hub__eyebrow { color:var(--hub-cyan); font-size:.78rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.templates-hub__hero h1 { margin:.7rem 0 1rem; color:#f8fafc; font-size:clamp(2.6rem,6vw,5rem); line-height:1.02; letter-spacing:-.05em; }
.templates-hub__hero h1 span { background:linear-gradient(110deg,#67e8f9,#a5b4fc,#e9d5ff); background-clip:text; -webkit-background-clip:text; color:transparent; }
.templates-hub__hero > p:not(.templates-hub__eyebrow) { color:var(--hub-muted); font-size:1.12rem; line-height:1.75; }
.templates-hub__trust { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin-top:1.4rem; }
.templates-hub__trust span,.templates-hub__card-top span { border:1px solid var(--hub-border); border-radius:999px; padding:.38rem .7rem; color:#cbd5e1; background:rgba(15,23,42,.78); font-size:.78rem; font-weight:750; }
.templates-hub__schemas { display:flex; justify-content:space-between; gap:2rem; align-items:center; margin-bottom:4.5rem; padding:1.5rem 1.7rem; border:1px solid rgba(165,180,252,.3); border-radius:18px; background:linear-gradient(120deg,rgba(8,145,178,.08),rgba(99,102,241,.1)); }
.templates-hub__schemas h2 { color:#f8fafc; margin:.2rem 0; }
.templates-hub__schemas p { color:var(--hub-muted); margin:.3rem 0 0; }
.templates-hub__schemas > a,.templates-schemas__back { color:var(--hub-cyan); white-space:nowrap; font-weight:800; }
.templates-hub__section { margin-bottom:4.5rem; }
.templates-hub__section-head h2 { color:#f8fafc; font-size:clamp(1.6rem,3vw,2.3rem); margin-bottom:.3rem; }
.templates-hub__section-head p { color:var(--hub-muted); margin-top:0; }
.templates-hub__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.1rem; }
.templates-hub__card { display:flex; flex-direction:column; border:1px solid var(--hub-border); border-radius:18px; padding:1.4rem; background:linear-gradient(145deg,rgba(11,18,34,.98),rgba(15,23,42,.94)); transition:transform .18s ease,border-color .18s ease; }
.templates-hub__card:hover { transform:translateY(-3px); border-color:rgba(103,232,249,.55); }
.templates-hub__card-top { display:flex; gap:.45rem; flex-wrap:wrap; }
.templates-hub__card h2,.templates-hub__card h3 { color:#f8fafc; margin:1rem 0 .55rem; }
.templates-hub__card h3 a { color:inherit; text-decoration:none; }
.templates-hub__card p { color:var(--hub-muted); line-height:1.6; }
.templates-hub__card dl { display:flex; gap:1.4rem; margin-top:auto; }
.templates-hub__card dl div { display:grid; gap:.15rem; }
.templates-hub__card dt { color:#7dd3fc; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.templates-hub__card dd { margin:0; color:#cbd5e1; font-size:.84rem; }
.templates-hub__action,.templates-hub__card p a { color:var(--hub-cyan); font-weight:800; }
.templates-hub__action { margin-top:1rem; text-decoration:none; }
.templates-hub__footer-cta { max-width:760px; margin:4rem auto 0; text-align:center; }
.templates-hub__footer-cta h2 { color:#f8fafc; }
.templates-hub__footer-cta p { color:var(--hub-muted); line-height:1.7; }
.templates-hub__footer-cta a { color:var(--hub-cyan); }
.templates-schemas .templates-hub__hero { margin-bottom:3rem; }
.templates-schemas__back { display:inline-block; margin-bottom:1.4rem; }
.templates-schemas code { color:#c4b5fd; }
@media (max-width:720px) { .templates-hub__grid{grid-template-columns:1fr}.templates-hub__schemas{align-items:flex-start;flex-direction:column}.templates-hub__schemas>a{white-space:normal} }