:root{--color-primary: 99 102 241;--color-primary-light: 129 140 248;--color-primary-dark: 79 70 229;--color-secondary: 192 132 252;--color-accent: 251 113 133;--color-success: 52 211 153;--color-warning: 251 191 36;--color-error: 248 113 113;--color-bg-primary: 2 6 23;--color-bg-secondary: 15 23 42;--color-bg-tertiary: 30 41 59;--color-text-primary: 248 250 252;--color-text-secondary: 203 213 225;--color-text-tertiary: 148 163 184;--color-text-muted: 100 116 139;--color-border-subtle: 255 255 255 / .05;--color-border-default: 255 255 255 / .1;--color-border-strong: 255 255 255 / .2;--font-family-heading: "Outfit", "Space Grotesk", sans-serif;--font-family-body: "Inter", sans-serif;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--font-size-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.25rem);--font-size-4xl: clamp(2.25rem, 1.9rem + 1.75vw, 3rem);--font-size-5xl: clamp(3rem, 2.5rem + 2.5vw, 3.75rem);--font-size-6xl: clamp(3.75rem, 3rem + 3.75vw, 4.5rem);--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-glow-primary: 0 0 20px rgb(var(--color-primary) / .3);--shadow-glow-primary-lg: 0 0 40px rgb(var(--color-primary) / .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:rgb(var(--color-text-primary));background:rgb(var(--color-bg-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.glass{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(var(--color-border-default))}.glass-subtle{background:#0f172a4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgb(var(--color-border-subtle))}.glass-strong{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(var(--color-border-strong))}.gradient-text{background:linear-gradient(135deg,rgb(var(--color-primary-light)),rgb(var(--color-secondary)),rgb(var(--color-accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animated-gradient{background:linear-gradient(-45deg,#1e1b4b,#312e81,#4c1d95,#1e1b4b);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px rgb(var(--color-primary) / .2)}50%{box-shadow:0 0 40px rgb(var(--color-primary) / .4)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee linear infinite}*:focus{outline:none}*:focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:2px;border-radius:var(--radius-sm)}.skip-to-content{position:absolute;top:-100px;left:0;background:rgb(var(--color-primary));color:#fff;padding:var(--space-3) var(--space-6);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-family-body);font-size:var(--font-size-base)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:rgb(var(--color-primary));color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{background:rgb(var(--color-primary-light));box-shadow:var(--shadow-glow-primary-lg)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}a{color:rgb(var(--color-primary-light));text-decoration:none;transition:color var(--transition-fast)}a:hover{color:rgb(var(--color-primary))}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgb(var(--color-bg-secondary))}::-webkit-scrollbar-thumb{background:rgb(var(--color-bg-tertiary));border-radius:var(--radius-full);border:2px solid rgb(var(--color-bg-secondary))}::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-primary) / .5)}::selection{background:rgb(var(--color-primary) / .3);color:rgb(var(--color-text-primary))}::-moz-selection{background:rgb(var(--color-primary) / .3);color:rgb(var(--color-text-primary))}
