@layer base,tokens,components,pages,utilities;@layer tokens{:root{--color-bg: #000000;--color-bg-elevated: #111111;--color-bg-card: #111111;--color-bg-card-hover: #1a1a1a;--color-surface: #050505;--color-border: rgba(255, 255, 255, .15);--color-border-hover: rgba(255, 255, 255, .3);--color-accent: #ffffff;--color-accent-dim: #cccccc;--color-accent-glow: rgba(255, 255, 255, .05);--color-accent-glow-strong: rgba(255, 255, 255, .1);--color-secondary: #eeeeee;--color-secondary-dim: #dddddd;--color-text-primary: #ffffff;--color-text-secondary: #a3a3a3;--color-text-muted: #737373;--color-text-inverse: #000000;--gradient-hero: var(--color-bg);--gradient-card: var(--color-bg-card);--gradient-accent: #ffffff;--gradient-glow: transparent;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.9rem, .85rem + .3vw, 1rem);--text-lg: clamp(1rem, .95rem + .35vw, 1.125rem);--text-xl: clamp(1.15rem, 1rem + .5vw, 1.375rem);--text-2xl: clamp(1.4rem, 1.1rem + 1vw, 1.75rem);--text-3xl: clamp(1.75rem, 1.3rem + 1.5vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.5rem + 2.5vw, 3.25rem);--text-5xl: clamp(2.75rem, 1.8rem + 3.5vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--max-width: 1280px;--max-width-lg: 1440px;--max-width-sm: 800px;--nav-height: 72px;--section-gap: clamp(5rem, 4rem + 4vw, 8rem);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 15px rgba(255, 255, 255, .05);--shadow-glow-strong: 0 0 30px rgba(255, 255, 255, .1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--z-base: 1;--z-card: 10;--z-dropdown: 100;--z-nav: 500;--z-modal: 1000;--z-toast: 1100}}@layer base{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.7;color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--text-5xl);font-weight:800}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{color:var(--color-text-secondary);max-width:65ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-dim)}strong{font-weight:600;color:var(--color-text-primary)}}@layer components{.btn{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;line-height:1;white-space:nowrap}.btn--primary{background:var(--gradient-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-glow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong);color:var(--color-text-inverse)}.btn--secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-hover)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-accent);padding:var(--space-2) 0}.btn--ghost:hover{color:var(--color-text-primary)}.btn--ghost:after{content:"→";display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}.btn--ghost:hover:after{transform:translate(4px)}.btn--lg{font-size:var(--text-base);padding:var(--space-5) var(--space-10)}.card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff1a;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card:hover:before{opacity:1}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-nav);display:flex;align-items:center;transition:all var(--duration-normal) var(--ease-out);background:transparent}.nav.is-scrolled{background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav__inner{width:100%;max-width:var(--max-width-lg);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.03em}.nav__logo span{color:var(--color-accent)}.nav__links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);position:relative}button.nav__link{border:none;background:none;padding:0;font-family:inherit;cursor:pointer}.nav__link:hover,.nav__link.is-active{color:var(--color-text-primary)}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-normal) var(--ease-out)}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1);transform-origin:left}.nav__item-dropdown{position:relative;padding-bottom:var(--space-4);margin-bottom:calc(var(--space-4) * -1)}.nav__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);list-style:none;min-width:220px;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.nav__item-dropdown:hover .nav__dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav__dropdown-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.nav__dropdown-link:hover{background:var(--color-bg-card-hover);color:var(--color-accent)}.nav__cta{margin-left:var(--space-4)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.nav__toggle span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:all var(--duration-normal) var(--ease-out);border-radius:2px}.nav__toggle.is-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav__mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#000000fa;backdrop-filter:blur(10px);z-index:calc(var(--z-nav) - 1);padding:var(--space-8) var(--space-6);flex-direction:column;gap:var(--space-6)}.nav__mobile-menu.is-open{display:flex}.nav__mobile-link{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-out)}.nav__mobile-link:hover{color:var(--color-accent)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer__brand p{margin-top:var(--space-4);font-size:var(--text-sm);max-width:35ch}.footer__col-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.08em}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer__links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer__links a:hover{color:var(--color-accent)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}.glow-orb{display:none!important}.tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-glow);color:var(--color-accent);border:1px solid var(--color-border)}.icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-glow);color:var(--color-accent);font-size:1.25rem;flex-shrink:0}.icon-box--lg{width:64px;height:64px;font-size:1.5rem;border-radius:var(--radius-lg)}.stat-card{text-align:center;padding:var(--space-8)}.stat-card__value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-accent);line-height:1;margin-bottom:var(--space-3)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted);max-width:25ch;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-card-hover)}::selection{background:#fff3;color:var(--color-text-primary)}.search-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal);display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.search-modal.is-open{opacity:1;visibility:visible}.search-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);z-index:-1}.search-modal__content{width:100%;max-width:600px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transform:translateY(-20px);transition:transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-lg),var(--shadow-glow)}.search-modal.is-open .search-modal__content{transform:translateY(0)}.search-modal__header{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.search-input-wrapper{flex-grow:1;display:flex;align-items:center;gap:var(--space-3)}.search-icon{color:var(--color-text-muted)}.search-input{width:100%;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-lg);font-family:var(--font-body);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.search-close-btn:hover{color:var(--color-accent)}.search-modal__results{max-height:60vh;overflow-y:auto;padding:var(--space-2)}.search-empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.search-result-item{display:block;padding:var(--space-4);border-radius:var(--radius-md);text-decoration:none;transition:background var(--duration-fast) var(--ease-out);border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg-card-hover)}.search-result-cat{font-family:var(--font-mono);font-size:.7rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.search-result-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.search-result-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.nav__search-trigger{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast)}.nav__search-trigger:hover{color:var(--color-accent)}}@layer utilities{.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container--lg{max-width:var(--max-width-lg)}.container--sm{max-width:var(--max-width-sm)}.section{padding:var(--section-gap) 0;position:relative}.section--flush{padding:0}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-balance{text-wrap:balance}.label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.lead{font-size:var(--text-xl);line-height:1.6;color:var(--color-text-secondary);max-width:55ch}.section-header{margin-bottom:var(--space-16)}.section-header .label{margin-bottom:var(--space-4);display:block}.section-header h2{margin-bottom:var(--space-6)}.section-header .lead{margin-top:var(--space-4)}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--5{grid-template-columns:repeat(5,1fr)}@media(max-width:1024px){.grid--4,.grid--5,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4,.grid--5{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.divider{width:100%;height:1px;background:var(--color-border);border:none}.divider--glow{background:var(--color-border)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slower) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}}