:root{--color-primary:#0a0a0a;--color-surface:#111;--color-surface-raised:#161616;--color-border:#1f1f1f;--color-border-subtle:#161616;--color-text-primary:#f0ede8;--color-text-secondary:gray;--color-text-muted:#3a3a3a;--color-accent:#e8ff5a;--color-accent-hover:#d4e840;--color-accent-dim:#2a2e0a;--color-on-accent:#0a0a0a;--color-destructive:#ff4545;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:120px;--space-5xl:160px;--radius-none:0px;--radius-xs:2px;--radius-sm:3px;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--font-grotesk:"Space Grotesk", sans-serif;--max-width:1200px;--side-padding:clamp(20px, 5vw, 80px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.7}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}ul,ol{list-style:none}.type-display{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(3.5rem,8vw,8rem);font-weight:700;line-height:.95}.type-h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:1}.type-h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:500;line-height:1.1}.type-h3{font-family:var(--font-grotesk);letter-spacing:-.01em;font-size:1.25rem;font-weight:500;line-height:1.3}.type-body-lg{font-family:var(--font-body);letter-spacing:0;font-size:1.125rem;font-weight:400;line-height:1.75}.type-body-md{font-family:var(--font-body);letter-spacing:0;font-size:1rem;font-weight:400;line-height:1.7}.type-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:400;line-height:1}.type-label-lg{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.875rem;font-weight:400;line-height:1}.type-nav{font-family:var(--font-grotesk);letter-spacing:-.01em;font-size:.9rem;font-weight:400;line-height:1}.container{width:100%;max-width:var(--max-width);padding:0 var(--side-padding);margin:0 auto}.section{padding:var(--space-4xl) 0;border-top:1px solid var(--color-border)}.btn-primary{align-items:center;gap:var(--space-sm);background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-none);padding:12px 24px;font-size:.875rem;font-weight:400;transition:background-color .15s ease-out;display:inline-flex}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-ghost{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-none);border:1px solid var(--color-border);background-color:#0000;padding:11px 23px;font-size:.875rem;font-weight:400;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.btn-ghost:hover{background-color:var(--color-surface);border-color:var(--color-border-subtle)}.tag{background-color:var(--color-surface);color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:400;display:inline-flex}.tag-accent{background-color:var(--color-accent-dim);color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:400;display:inline-flex}.card{background-color:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-none);border:1px solid var(--color-border);padding:32px;transition:background-color .2s ease-out,border-color .2s ease-out}.card:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-subtle)}.list-item{align-items:flex-start;gap:var(--space-lg);border-bottom:1px solid var(--color-border);background-color:#0000;border-left:2px solid #0000;padding:20px 0;transition:background-color .2s ease-out,padding-left .2s ease-out,border-left-color .2s ease-out;display:flex}.list-item:hover{background-color:var(--color-surface);border-left-color:var(--color-accent);padding-left:16px}.input{background-color:var(--color-surface);width:100%;color:var(--color-text-primary);font-family:var(--font-body);border-radius:var(--radius-none);border:1px solid var(--color-border);caret-color:var(--color-accent);outline:none;padding:12px 16px;font-size:1rem;line-height:1.7;transition:border-color .15s ease-out}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-text-secondary)}.nav-link{font-family:var(--font-grotesk);letter-spacing:-.01em;color:var(--color-text-secondary);background-color:#0000;font-size:.9rem;font-weight:400;transition:color .15s ease-out}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-primary)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background-color:var(--color-accent);color:var(--color-on-accent)}