.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:4rem}.navbar{border-bottom:1px solid var(--bg-tertiary);background-color:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.navbar-content{height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:1.5rem}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.nav-link:hover{color:var(--text-primary)}:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f4f4f5;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--accent-primary: rgb(147, 51, 234);--accent-secondary: #000000;--border-color: #000000;--border-width: 2px;--shadow-hard: 4px 4px 0px 0px #000000;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Merriweather", "Georgia", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(#000000 1px,transparent 1px);background-size:20px 20px;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}a{color:var(--text-primary);text-decoration:underline;text-decoration-thickness:2px;transition:all .2s}a:hover{background-color:var(--accent-primary);color:#fff;text-decoration:none}a:hover .text-accent{color:#fff}.logo:hover,.nav-link:hover{color:#fff!important}code,pre{font-family:var(--font-mono)}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.text-accent{color:var(--accent-primary)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:700;cursor:pointer;transition:all .1s;border:var(--border-width) solid var(--border-color);font-family:var(--font-mono);text-transform:uppercase;background-color:#fff;box-shadow:var(--shadow-hard)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--text-primary)}.btn-outline{background-color:#fff;color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-tertiary)}.badge{display:inline-block;padding:.25rem .5rem;border:var(--border-width) solid var(--border-color);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);background-color:#fff;box-shadow:2px 2px #000}