.explore-page{background:var(--canvas);min-height:100dvh;padding:56px 28px 96px}.ex-header{text-align:center;max-width:720px;margin:0 auto 40px}.ex-eyebrow{font-family:var(--font-mono);letter-spacing:.02em;color:var(--spark-violet);text-transform:uppercase;font-size:12px;font-weight:600}.ex-title{font-family:var(--font-display);color:var(--fg1);margin:8px 0 12px;font-size:clamp(32px,5vw,48px);font-weight:700}.ex-subtitle{color:var(--fg2);font-size:18px;line-height:1.5}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1140px;margin:0 auto;display:grid}.ex-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;padding:20px 22px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.ex-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.ex-card-link{color:inherit;flex:1;text-decoration:none;display:block}.ex-cover{background:var(--surface-violet);height:132px;margin:-20px -22px 16px}.ex-cover img{object-fit:cover;width:100%;height:100%;display:block}.ex-card h3{margin:0 0 6px;font-size:1.25rem;line-height:1.2}.ex-theme{color:var(--fg2);margin:0 0 16px;font-size:.95rem;line-height:1.45}.ex-meta{flex-wrap:wrap;gap:16px;margin-bottom:14px;display:flex}.ex-meta span{font-family:var(--font-mono);color:var(--fg2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ex-meta svg{color:var(--fg3)}.ex-stacks{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.ex-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-top:auto;padding-top:15px;display:flex}.ex-go{font-family:var(--font-display);color:var(--spark-violet);white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.ex-go svg{transition:transform .16s}.ex-go:hover svg:last-child{transform:translate(3px)}.ex-foot .btn-sm{padding:7px 12px;font-size:12.5px}.ex-empty{text-align:center;max-width:720px;color:var(--fg3);margin:0 auto;font-size:15px}.ex-pagination{justify-content:center;align-items:center;gap:16px;max-width:1140px;margin:40px auto 0;display:flex}.ex-page-label{font-family:var(--font-mono);color:var(--fg3);font-size:13px}.ex-detail{max-width:780px;margin:0 auto}.ex-back{font-family:var(--font-mono);color:var(--fg2);align-items:center;gap:7px;margin-bottom:24px;font-size:13px;font-weight:600;text-decoration:none;transition:color .14s;display:inline-flex}.ex-back:hover{color:var(--spark-violet)}.ex-hero{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-2xl);box-shadow:var(--shadow-pop);margin-bottom:32px;padding:28px 30px;overflow:hidden}.ex-hero-cover{background:var(--surface-violet);height:200px;margin:-28px -30px 24px}.ex-hero-cover img{object-fit:cover;width:100%;height:100%;display:block}.ex-hero-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;display:flex}.ex-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.15}.ex-hero-cta{white-space:nowrap;flex-shrink:0}@media (max-width:560px){.ex-hero-head{flex-direction:column}}.ex-hero-theme{color:var(--fg2);max-width:60ch;margin:0 0 22px;font-size:1.1875rem;line-height:1.45}.ex-hero-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:20px;display:flex}.ex-hero-foot .ex-meta{margin:0}.ex-brief{color:var(--fg1);margin-bottom:32px;font-size:16px;line-height:1.7}.ex-cta{background:var(--spark-violet);border-radius:var(--radius-2xl);text-align:center;padding:40px}.ex-cta-title{font-family:var(--font-display);color:#fff;margin:0 0 10px;font-size:clamp(22px,3vw,28px);font-weight:700}.ex-cta-body{color:#ffffffd9;max-width:48ch;margin:0 auto 24px;font-size:16px;line-height:1.5}@media (max-width:640px){.ex-grid{grid-template-columns:1fr}}