:root,[data-theme=dark]{--ac-bg: #0f0f1a;--ac-bg-deep: #0a0a1a;--ac-surface: #1a1a2e;--ac-surface-2: #1e1e32;--ac-border: #1e1e32;--ac-text: #e2e8f0;--ac-text-muted: #8b949e;--ac-text-faint: #64748b;--ac-primary: #6366f1;--ac-primary-soft: #818cf8;--ac-accent: #ec4899;--ac-shadow: rgba(0, 0, 0, .4)}[data-theme=light]{--ac-bg: #f8fafc;--ac-bg-deep: #ffffff;--ac-surface: #ffffff;--ac-surface-2: #f1f5f9;--ac-border: #e2e8f0;--ac-text: #1e293b;--ac-text-muted: #475569;--ac-text-faint: #64748b;--ac-primary: #2563eb;--ac-primary-soft: #3b82f6;--ac-accent: #db2777;--ac-shadow: rgba(15, 23, 42, .08)}[data-theme=hacker]{--ac-bg: #000000;--ac-bg-deep: #0d1117;--ac-surface: #0d1117;--ac-surface-2: #161b22;--ac-border: #1f3d2b;--ac-text: #00ff41;--ac-text-muted: #00cc33;--ac-text-faint: #0a8f2b;--ac-primary: #00ff41;--ac-primary-soft: #39ff14;--ac-accent: #39ff14;--ac-shadow: rgba(0, 255, 65, .15)}[data-theme=cyberpunk]{--ac-bg: #0a0a1a;--ac-bg-deep: #05050f;--ac-surface: #12002b;--ac-surface-2: #1a0033;--ac-border: #2d0052;--ac-text: #f0f0ff;--ac-text-muted: #b98cff;--ac-text-faint: #7a5cbb;--ac-primary: #ff00ff;--ac-primary-soft: #ff66ff;--ac-accent: #00ffff;--ac-shadow: rgba(255, 0, 255, .25)}[data-theme=corporate]{--ac-bg: #f8fafc;--ac-bg-deep: #ffffff;--ac-surface: #ffffff;--ac-surface-2: #eef2f7;--ac-border: #dbe3ec;--ac-text: #0f172a;--ac-text-muted: #475569;--ac-text-faint: #64748b;--ac-primary: #1e3a5f;--ac-primary-soft: #2563eb;--ac-accent: #0ea5e9;--ac-shadow: rgba(15, 23, 42, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ac-bg);color:var(--ac-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--ac-primary);outline-offset:2px}.design-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--ac-border)}.design-section:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:1.5rem;font-weight:700;color:var(--ac-text);margin-bottom:.5rem}.section-desc{color:var(--ac-text-faint);font-size:.95rem;margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem}.btn-showcase{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ac-bg-deep)}::-webkit-scrollbar-thumb{background:var(--ac-surface-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ac-text-faint)}