:root{--bg:#0b1220;--bg-elevated:#0f172a;--bg-card:#111827;--border:#1e293b;--border-strong:#334155;--text:#e5e7eb;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#1563ff;--accent-hover:#2f75ff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.9em}.header-link{transition:background-color .15s ease,color .15s ease}.header-link:hover{background:var(--bg-card);color:#fff}.header-link.active{background:var(--accent);color:#fff}.page-link{transition:border-color .15s ease,background-color .15s ease}.page-link:hover{border-color:var(--accent);background:var(--bg-card)}.creative-card{transition:border-color .15s ease,box-shadow .15s ease}.creative-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px rgba(0,0,0,.35)}.card-hover-overlay{opacity:0;background:rgba(0,0,0,.78);transition:opacity .15s ease;pointer-events:none}.creative-card:hover .card-hover-overlay{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .6s linear infinite}