@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--color-bg: #fffbf5;--color-surface: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-primary: #ff6b6b;--color-secondary: #4ecdc4;--color-accent: #ffe66d;--color-code-bg: #2d2d2d;--color-border: #1a1a1a;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-hard: 4px 4px 0px 0px var(--color-border);--shadow-hover: 2px 2px 0px 0px var(--color-border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;border:2px solid var(--color-border);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-hard)}.btn-primary:hover{transform:translate(2px,2px);box-shadow:none}.btn-outline{background:#fff;color:var(--color-text-primary);box-shadow:var(--shadow-hard)}.btn-outline:hover{transform:translate(2px,2px);box-shadow:none;background-color:var(--color-accent)}.section{padding:var(--spacing-xl) 0}.text-highlight{position:relative;z-index:1}.text-highlight:after{content:"";position:absolute;bottom:0;left:-5px;right:-5px;height:30%;background-color:var(--color-accent);z-index:-1;transform:rotate(-1deg);opacity:.7}.code-window{background:var(--color-code-bg);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--shadow-hard);overflow:hidden;font-family:var(--font-mono)}.code-header{background:#3d3d3d;padding:.75rem;display:flex;gap:.5rem;border-bottom:2px solid var(--color-border)}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.code-content{padding:1.5rem;color:#f8f8f2;font-size:.9rem;line-height:1.5}.keyword{color:#ff79c6}.string{color:#f1fa8c}.function{color:#8be9fd}.comment{color:#6272a4;font-style:italic}