:where(.templates-page){&{background:var(--color-forge-navy);min-height:100vh;padding-top:64px}& .templates-hero{background:linear-gradient(180deg, var(--color-forge-navy-deep) 0%, var(--color-forge-navy) 100%);border-bottom:1px solid #1b496533;padding:56px 24px 48px}@media (width<=640px){& .templates-hero{padding:40px 20px 36px}}& .templates-hero-inner{max-width:720px;margin:0 auto}& .templates-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-arc-gold);background:#d4a43814;border:1px solid #d4a43833;border-radius:3px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 10px;font-size:.6rem;font-weight:700;display:inline-flex}& .templates-badge svg{width:12px;height:12px}& .templates-title{color:#fff;letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;line-height:1.2}& .templates-sub{color:var(--learn-ink-dim);margin:0;font-size:1rem;line-height:1.7}& .templates-gate-banner{background:#1b496526;border-bottom:1px solid #1b496540;padding:12px 24px}& .tgb-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}& .tgb-text{color:var(--learn-ink-dim);font-size:.88rem}& .tgb-strong{color:#fff;font-weight:600}& .tgb-cta{color:var(--color-forge-navy);background:var(--color-arc-gold);border-radius:var(--radius-sm);white-space:nowrap;padding:7px 18px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s}& .tgb-cta:hover{background:var(--color-arc-gold-light)}& .templates-grid-wrap{max-width:1200px;margin:0 auto;padding:36px 24px 80px}@media (width<=640px){& .templates-grid-wrap{padding:24px 16px 64px}}& .templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}@media (width<=640px){& .templates-grid{grid-template-columns:1fr}}}:where(.templates-page){& .template-card{background:var(--color-forge-navy-light);border-radius:var(--radius-md);border:1px solid #1b496540;flex-direction:column;gap:0;padding:22px 22px 18px;transition:border-color .2s;display:flex}& .template-card[data-status=available]:hover{border-color:#d4a43833}& .template-card[data-status=coming-soon]{opacity:.7}& .tc-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}& .tc-icon{width:36px;height:36px;color:var(--color-arc-gold);flex-shrink:0}& .tc-icon svg{width:100%;height:100%}& .tc-insider-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-arc-gold);background:#d4a43814;border:1px solid #d4a43833;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:.58rem;font-weight:700;display:inline-flex}& .tc-insider-badge svg{width:10px;height:10px}& .tc-status-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--learn-ink-dim);background:#5c677d1a;border:1px solid #5c677d33;border-radius:3px;padding:2px 7px;font-size:.58rem;font-weight:700}& .tc-body{flex:1}& .tc-subtitle{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-arc-gold-light);margin-bottom:4px;font-size:.62rem;font-weight:600}& .tc-title{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:700;line-height:1.3}& .tc-desc{color:var(--learn-ink-dim);margin-bottom:14px;font-size:.82rem;line-height:1.65}& .tc-tags{flex-wrap:wrap;gap:5px;margin-bottom:18px;display:flex}& .tc-tag{font-family:var(--font-mono);color:var(--learn-ink-dim);background:#5c677d1a;border:1px solid #5c677d26;border-radius:2px;padding:2px 7px;font-size:.6rem;font-weight:500}& .tc-footer{border-top:1px solid #1b496533;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}& .tc-formats{flex-wrap:wrap;gap:8px;display:flex}& .tc-format{font-family:var(--font-mono);color:var(--learn-ink-dim);background:#5c677d14;border:1px solid #5c677d26;border-radius:2px;padding:2px 6px;font-size:.62rem;font-weight:600}& .tc-download-btn{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-forge-navy);background:var(--color-arc-gold);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:6px 12px;font-size:.72rem;font-weight:700;transition:background .2s;display:inline-flex}& .tc-download-btn:hover:not(:disabled){background:var(--color-arc-gold-light)}& .tc-download-btn:disabled{opacity:.6;cursor:not-allowed}& .tc-download-btn svg{width:12px;height:12px}& .tc-coming-soon-label{font-family:var(--font-mono);color:var(--learn-ink-dim);font-size:.68rem}}:where(.templates-page){& .template-modal-overlay{backdrop-filter:blur(4px);z-index:2000;background:#091320cc;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;display:flex;position:fixed;inset:0}& .template-modal-overlay:not([open]),& .tm-actions [hidden]{display:none}& .template-modal{background:var(--color-forge-navy-light);border-radius:var(--radius-md);text-align:center;border:1px solid #d4a43833;width:100%;max-width:380px;padding:36px 32px 28px;position:relative}& .tm-close{width:24px;height:24px;color:var(--learn-ink-dim);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s;position:absolute;top:14px;right:14px}& .tm-close:hover{color:#fff}& .tm-close svg{width:100%;height:100%}& .tm-icon{width:40px;height:40px;color:var(--color-arc-gold);margin:0 auto 16px}& .tm-icon svg{width:100%;height:100%}& .tm-title{color:#fff;margin-bottom:10px;font-size:1.15rem;font-weight:700}& .tm-body{color:var(--learn-ink-dim);margin-bottom:22px;font-size:.88rem;line-height:1.65}& .tm-actions{flex-direction:column;gap:10px;display:flex}& .tm-cta{background:var(--color-arc-gold);color:var(--color-forge-navy);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-arc-gold);padding:13px 24px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:block}& .tm-cta:hover{background:var(--color-arc-gold-light);border-color:var(--color-arc-gold-light)}& .tm-cta-secondary{color:#fff;background:0 0;border:1px solid #d4a43873}& .tm-cta-secondary:hover{border-color:var(--color-arc-gold);background:#d4a43814}& .tm-cancel{color:var(--learn-ink-dim);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.82rem;transition:color .2s}& .tm-cancel:hover{color:#fff}}.template-download-error{color:var(--learn-ink);max-width:1200px;margin:24px auto;padding:16px 24px;scroll-margin-top:88px}