:root{--bg-primary: #FFFFFF;--bg-secondary: #f0f0f0;--bg-card: #FFFFFF;--color-text: #000000;--color-border: #000000;--color-accent: #8B5CF6;--color-accent-secondary: #A3E635;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-width: 3px;--radius-sm: 0px;--radius-md: 4px;--shadow-hard: 5px 5px 0px 0px #000000;--shadow-hard-hover: 8px 8px 0px 0px #000000;--transition-snap: .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--color-text);line-height:1.6;overflow-x:hidden;border:var(--border-width) solid var(--color-border);border:none}img{max-width:100%;display:block;border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-hard)}a{text-decoration:none;color:inherit}ul{list-style:none}.h1,h1{font-family:var(--font-heading);font-weight:700;font-size:4rem;line-height:1;text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.h2,h2{font-family:var(--font-heading);font-weight:700;font-size:2.75rem;line-height:1.1;margin-bottom:var(--spacing-sm);border-bottom:var(--border-width) solid var(--color-border);display:inline-block;padding-bottom:.5rem}.h3,h3{font-family:var(--font-heading);font-weight:700;font-size:1.75rem;margin-bottom:var(--spacing-xs)}.text-lead{font-size:1.25rem;font-weight:500;max-width:65ch;line-height:1.5}.text-center{text-align:center}.text-accent{color:var(--color-accent);font-weight:800}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0;border-bottom:var(--border-width) solid var(--color-border)}.grid{display:grid;gap:var(--spacing-md)}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.btn{display:inline-block;padding:1rem 2rem;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;border:var(--border-width) solid var(--color-border);background-color:var(--bg-primary);color:var(--color-text);box-shadow:var(--shadow-hard);transition:all var(--transition-snap);cursor:pointer;font-size:1rem}.btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-hard-hover)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-secondary{background-color:var(--color-accent-secondary);color:#000}.card{background-color:var(--bg-card);padding:var(--spacing-md);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-hard);transition:all var(--transition-snap)}.card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-hard-hover)}.navbar{padding:1.5rem 0;background-color:var(--bg-primary);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0;z-index:100}.brand{font-family:var(--font-heading);text-transform:uppercase;font-weight:900;letter-spacing:-.05em}.nav-link{font-family:var(--font-mono);font-weight:600;font-size:.95rem;text-transform:uppercase;position:relative}.nav-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-accent)}.footer{background-color:var(--bg-secondary);border-top:var(--border-width) solid var(--color-border);padding:var(--spacing-lg) 0}@media(max-width:768px){.h1{font-size:2.5rem}.h2{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.navbar .flex{flex-wrap:wrap;gap:1rem}}input,textarea,select{width:100%;padding:1rem;background-color:var(--bg-primary);border:var(--border-width) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:1rem;border-radius:var(--radius-sm);outline:none;box-shadow:4px 4px #0000001a;transition:all var(--transition-snap)}input:focus,textarea:focus,select:focus{box-shadow:var(--shadow-hard-hover);transform:translate(-2px,-2px)}