:root{--bg-color: #050505;--bg-color-alt: #020203;--text-color: #f0f0f0;--accent-color: #ffffff;--dim-color: #888888;--font-main: "Inter", sans-serif;--font-mono: "Space Mono", monospace;--nav-bg: rgba(0, 0, 0, .8);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--btn-bg: rgba(0, 0, 0, .6);--btn-border: rgba(255, 255, 255, .2);--btn-hover-bg: rgba(255, 255, 255, .1);--btn-hover-border: #fff;--page-bg: rgba(0, 0, 0, .6);--hero-title-gradient: linear-gradient( to bottom, #ffffff, rgba(255, 255, 255, .9), rgba(255, 255, 255, .5) );--hero-text-color: #9ca3af;--vignette-color: #000;--orb-violet1: rgba(124, 58, 237, .4);--orb-violet2: rgba(76, 29, 149, .1);--orb-teal1: rgba(45, 212, 191, .25);--orb-teal2: rgba(15, 118, 110, .1);--orb-magenta1: rgba(219, 39, 119, .2);--orb-magenta2: rgba(131, 24, 67, .1);--dust-color: #fff;--dust-glow: rgba(255, 255, 255, .4);--grid-color: rgba(255, 255, 255, .03);--logo-filter: invert(0);--card-container-bg: rgba(255, 255, 255, .1);--card-bg: rgba(0, 0, 0, .4);--card-hover-bg: rgba(255, 255, 255, .05);--icon-bg: #111;--icon-border: #333;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--btn-solid-bg: #fff;--btn-solid-color: #000}html[data-theme=light]{--bg-color: #f8f9fa;--bg-color-alt: #ffffff;--text-color: #1a1a1a;--accent-color: #000000;--dim-color: #666666;--nav-bg: rgba(255, 255, 255, .8);--glass-bg: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .05);--btn-bg: rgba(255, 255, 255, .8);--btn-border: rgba(0, 0, 0, .2);--btn-hover-bg: rgba(0, 0, 0, .05);--btn-hover-border: #000;--page-bg: rgba(255, 255, 255, .6);--hero-title-gradient: linear-gradient( to bottom, #111111, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5) );--hero-text-color: #4b5563;--vignette-color: rgba(255, 255, 255, .6);--orb-violet1: rgba(124, 58, 237, .2);--orb-violet2: rgba(76, 29, 149, .05);--orb-teal1: rgba(45, 212, 191, .15);--orb-teal2: rgba(15, 118, 110, .05);--orb-magenta1: rgba(219, 39, 119, .1);--orb-magenta2: rgba(131, 24, 67, .05);--dust-color: #333;--dust-glow: rgba(0, 0, 0, .4);--grid-color: rgba(0, 0, 0, .03);--logo-filter: invert(1);--card-container-bg: rgba(0, 0, 0, .1);--card-bg: rgba(255, 255, 255, .6);--card-hover-bg: rgba(0, 0, 0, .05);--icon-bg: #f8f9fa;--icon-border: #ddd;--input-bg: rgba(0, 0, 0, .05);--input-border: rgba(0, 0, 0, .1);--btn-solid-bg: #000;--btn-solid-color: #fff}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease,color .5s ease}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:background .5s ease,border-color .5s ease}.fade-in{animation:fadeIn .5s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;background:var(--hero-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;line-height:1.1}@media (min-width: 768px){.hero-title{font-size:4.5rem}}.hero-text{font-size:1.125rem;color:var(--hero-text-color);max-width:36rem;margin-bottom:2.5rem;line-height:1.625;font-family:var(--font-main)}@media (min-width: 768px){.hero-text{font-size:1.25rem}}.animate-gradient{background-size:200% 200%;animation:gradient 8s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-frame{position:fixed;top:24px;right:24px;bottom:24px;left:24px;pointer-events:none;z-index:50}.nav-corner{position:absolute;width:16px;height:16px;border-color:var(--glass-border);border-style:solid}.nav-corner.tl{top:0;left:0;border-width:2px 0 0 2px}.nav-corner.tr{top:0;right:0;border-width:2px 2px 0 0}.nav-corner.bl{bottom:0;left:0;border-width:0 0 2px 2px}.nav-corner.br{bottom:0;right:0;border-width:0 2px 2px 0}.nav-logo{position:absolute;top:8px;left:32px;font-family:var(--font-mono);font-weight:700}.nav-links{position:fixed;bottom:32px;left:56px;z-index:50;font-family:var(--font-mono);font-size:12px;display:flex;gap:24px}.nav-location{position:fixed;bottom:32px;right:56px;z-index:50;font-family:var(--font-mono);font-size:12px;color:var(--dim-color)}@media (max-width: 768px){.nav-frame{top:12px;right:12px;bottom:12px;left:12px}.nav-logo{left:16px;top:16px}.nav-links{left:24px;bottom:24px;right:24px;justify-content:center;flex-wrap:wrap;gap:16px;background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;border-radius:8px;border:1px solid var(--glass-border)}.nav-location{display:none}.container{padding:0 16px}.hero-title{font-size:1.75rem}.hero-text{font-size:1rem}}