@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: Georgia, "Times New Roman", serif;--font-code: "JetBrains Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--color-bg: #FAFAFA;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #6B7280;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-border: #E5E7EB;--color-code-bg: #F3F4F6;--space-section: 5rem;--space-container: 1200px;--space-content: 680px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}:root.dark,[data-theme=dark]{--color-bg: #0F0F0F;--color-surface: #1A1A1A;--color-text: #E5E5E5;--color-text-muted: #9CA3AF;--color-accent: #60A5FA;--color-accent-hover: #3B82F6;--color-border: #374151;--color-code-bg: #1F2937}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--color-text);margin-bottom:1rem}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:1.5rem;line-height:var(--leading-relaxed)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-code);font-size:.9em;background-color:var(--color-code-bg);padding:.2em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-code);background-color:var(--color-code-bg);padding:1.5rem;border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:1.5rem}pre code{background:none;padding:0}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem;line-height:var(--leading-relaxed)}blockquote{border-left:4px solid var(--color-accent);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text-muted)}img{max-width:100%;height:auto;border-radius:var(--radius-lg)}.container{max-width:var(--space-container);margin:0 auto;padding:0 1.5rem}.content-container{max-width:var(--space-content);margin:0 auto}.section{padding:var(--space-section) 0}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-moz-selection{background-color:var(--color-accent);color:#fff}::selection{background-color:var(--color-accent);color:#fff}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.preview-section{padding:3rem 0;border-bottom:1px solid #e5e7eb}.font-sample{padding:1.5rem;background:#fff;border-radius:.75rem;margin-bottom:1rem;border:1px solid #e5e7eb}.font-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.color-box{padding:2rem;border-radius:.75rem;text-align:center;font-family:monospace;font-size:.875rem}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-box{background:#fff;padding:2rem;border-radius:.75rem;margin-top:1rem;border:1px solid #e5e7eb}.btn-demo{display:inline-block;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;text-decoration:none}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#fff;color:#1a1a1a;border:2px solid #e5e7eb}