.page-hero{max-width:800px;margin:0 auto;padding:60px 24px 24px;text-align:center}
.page-hero h1{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-1.5px;margin-bottom:12px}
.page-hero p{color:var(--text-2);font-size:15px}

.gallery{max-width:1200px;margin:0 auto;padding:32px 24px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.tmpl-card{cursor:pointer;transition:transform 0.2s}
.tmpl-card:hover{transform:translateY(-4px)}
.tmpl-preview{border-radius:12px;overflow:hidden;position:relative;box-shadow:0 8px 30px rgba(0,0,0,0.4);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}
.tp-title{font-size:24px;font-weight:800;letter-spacing:-0.5px;line-height:1.1}
.tp-sub{font-size:11px;opacity:0.85;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}
.tmpl-meta{padding:10px 4px}
.tmpl-meta .tn{font-size:13px;font-weight:600}
.tmpl-meta .td{font-size:11px;color:var(--text-3);margin-top:2px}

.about-content{max-width:720px;margin:0 auto;padding:20px 24px 80px;font-size:15px;line-height:1.75}
.about-content h2{font-size:22px;font-weight:700;letter-spacing:-0.5px;margin:32px 0 12px}
.about-content p{color:var(--text-2);margin-bottom:14px}
.about-content ul{color:var(--text-2);padding-left:22px;margin-bottom:16px}
.about-content li{margin-bottom:8px}
.about-content a{color:var(--accent);text-decoration:underline}
.about-content code{background:var(--bg-3);padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:13px;color:var(--accent)}