:root{--color-bg-primary: #080b14;--color-bg-secondary: #0c1120;--color-bg-card: #111a2e;--color-bg-elevated: #16233f;--color-accent-primary: #e8b94a;--color-accent-secondary: #17b26a;--color-accent-tertiary: #f6d57a;--color-accent-danger: #f0616d;--color-gold: #e8b94a;--color-gold-deep: #b8842b;--color-gold-light: #f6d57a;--color-emerald: #17b26a;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-border-gold: rgba(232, 185, 74, .35);--surface-glass: rgba(255, 255, 255, .04);--surface-glass-hover: rgba(255, 255, 255, .07);--color-text-primary: #f4f7fb;--color-text-secondary: #aab4c6;--color-text-muted: #737f93;--color-text-on-gold: #1a1205;--font-family-primary: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-display: "Sora", "Inter", "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--font-size-5xl: clamp(2.75rem, 6vw, 4.5rem);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--space-4xl: 7rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .32s cubic-bezier(.4, 0, .2, 1);--transition-slow: .56s cubic-bezier(.4, 0, .2, 1);--header-height: 76px;--header-height-compact: 62px;--container-max-width: 1200px;--touch-target-min: 44px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .45);--shadow-xl: 0 32px 70px rgba(0, 0, 0, .55);--shadow-glow: 0 0 32px rgba(232, 185, 74, .28);--shadow-glow-blue: 0 0 28px rgba(23, 178, 106, .3);--shadow-glow-cyan: 0 0 28px rgba(246, 213, 122, .35);--shadow-glow-intense: 0 12px 40px rgba(232, 185, 74, .35), 0 0 0 1px rgba(232, 185, 74, .2);--shadow-gold-btn: 0 10px 28px rgba(232, 185, 74, .35);--gradient-primary: linear-gradient(135deg, #f6d57a 0%, #e8b94a 45%, #c9962f 100%);--gradient-secondary: linear-gradient(135deg, #2bd67f 0%, #17b26a 100%);--gradient-tertiary: linear-gradient(135deg, #f6d57a 0%, #17b26a 100%);--gradient-gold-text: linear-gradient(135deg, #ffe6a3 0%, #e8b94a 50%, #d9a63a 100%);--gradient-bg-animated: radial-gradient(ellipse 80% 60% at 50% -10%, #14203a 0%, transparent 60%), linear-gradient(180deg, #080b14 0%, #0a0f1c 50%, #080b14 100%);--gradient-card-border: linear-gradient(135deg, rgba(232, 185, 74, .5), rgba(23, 178, 106, .35));--gradient-hero-glow: radial-gradient(circle at 50% 30%, rgba(232, 185, 74, .18), transparent 55%);--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--color-bg-primary);color:var(--color-text-primary)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:767px){h1{font-size:var(--font-size-3xl)}}h2{font-size:var(--font-size-4xl)}@media(max-width:767px){h2{font-size:var(--font-size-2xl)}}h3{font-size:var(--font-size-3xl)}@media(max-width:767px){h3{font-size:var(--font-size-xl)}}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{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 pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #e8b94a66,0 0 10px #e8b94a33,0 0 20px #e8b94a1a}50%{box-shadow:0 0 10px #e8b94a99,0 0 20px #e8b94a66,0 0 40px #e8b94a33}}@keyframes neonPulseBlue{0%,to{box-shadow:0 0 5px #17b26a66,0 0 10px #17b26a33,0 0 20px #17b26a1a}50%{box-shadow:0 0 10px #17b26a99,0 0 20px #17b26a66,0 0 40px #17b26a33}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-5px);opacity:.8}75%{transform:translateY(-30px) translate(15px);opacity:.4}}@keyframes glowIntensify{0%{box-shadow:0 0 5px #e8b94a4d}to{box-shadow:0 0 15px #e8b94a99,0 0 30px #e8b94a4d,0 0 45px #e8b94a1a}}@keyframes borderGlow{0%,to{border-color:#e8b94a4d}50%{border-color:#e8b94acc}}@keyframes float3D{0%{transform:translateY(0) rotateX(0) rotateY(0) rotate(0)}25%{transform:translateY(-15px) rotateX(5deg) rotateY(10deg) rotate(2deg)}50%{transform:translateY(-25px) rotateX(-3deg) rotateY(-5deg) rotate(-1deg)}75%{transform:translateY(-10px) rotateX(4deg) rotateY(8deg) rotate(3deg)}to{transform:translateY(0) rotateX(0) rotateY(0) rotate(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}@keyframes borderRotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@keyframes tiltHover{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}25%{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}50%{transform:perspective(1000px) rotateX(-1deg) rotateY(1deg)}75%{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg)}to{transform:perspective(1000px) rotateX(0) rotateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rayPulse{0%,to{opacity:.1;transform:scaleY(1) rotate(var(--ray-angle, 0deg))}50%{opacity:.3;transform:scaleY(1.2) rotate(var(--ray-angle, 0deg))}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(10px) translate(-50%)}60%{transform:translateY(5px) translate(-50%)}}@keyframes glowPulseText{0%,to{text-shadow:0 0 10px rgba(232,185,74,.4),0 0 20px rgba(232,185,74,.2)}50%{text-shadow:0 0 20px rgba(232,185,74,.8),0 0 40px rgba(232,185,74,.4),0 0 60px rgba(232,185,74,.2)}}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}@keyframes chipSpin{0%{transform:rotateY(0) rotateX(15deg)}to{transform:rotateY(360deg) rotateX(15deg)}}@keyframes headerGradientLine{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) both}.animate-fade-in-down{animation:fadeInDown var(--transition-normal) both}.animate-scale-in{animation:scaleIn var(--transition-normal) both}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) both}.animate-slide-in-right{animation:slideInRight var(--transition-normal) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-neon-pulse{animation:neonPulse 2s ease-in-out infinite}.animate-gradient-shift{animation:gradientShift 8s ease infinite;background-size:200% 200%}@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-gradient{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);box-shadow:0 0 10px #e8b94a4d}.btn-gradient:hover{box-shadow:0 0 20px #e8b94a80,0 0 40px #e8b94a33;transform:translateY(-2px)}.btn-gradient:active{transform:translateY(0)}.btn-gradient--blue{background:var(--gradient-secondary);box-shadow:0 0 10px #17b26a4d}.btn-gradient--blue:hover{box-shadow:0 0 20px #17b26a80,0 0 40px #17b26a33}.btn-gradient--cyan{background:var(--gradient-tertiary);color:#080b14;box-shadow:0 0 10px #f6d57a4d}.btn-gradient--cyan:hover{box-shadow:0 0 20px #f6d57a80,0 0 40px #f6d57a33}.card-glow{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(232,185,74,.1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card-glow:hover{border-color:#e8b94a80;box-shadow:0 0 15px #e8b94a33,0 0 30px #e8b94a1a;transform:translateY(-4px)}.card-glow--blue{border-color:#17b26a1a}.card-glow--blue:hover{border-color:#17b26a80;box-shadow:0 0 15px #17b26a33,0 0 30px #17b26a1a}.card-glow--cyan{border-color:#f6d57a1a}.card-glow--cyan:hover{border-color:#f6d57a80;box-shadow:0 0 15px #f6d57a33,0 0 30px #f6d57a1a}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient--blue{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient--cyan{background:var(--gradient-tertiary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-animated-gradient{background:linear-gradient(135deg,#080b14,#122036,#0c1120,#3b1f6e,#080b14);background-size:400% 400%;animation:gradientShift 15s ease infinite}.neon-border{border:1px solid rgba(232,185,74,.4);box-shadow:inset 0 0 10px #e8b94a1a,0 0 10px #e8b94a1a}.neon-border--blue{border-color:#17b26a66;box-shadow:inset 0 0 10px #17b26a1a,0 0 10px #17b26a1a}.neon-border--cyan{border-color:#f6d57a66;box-shadow:inset 0 0 10px #f6d57a1a,0 0 10px #f6d57a1a}.glass{background:#111a2e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.floating-card-3d{position:absolute;width:70px;height:100px;border-radius:var(--radius-md);background:linear-gradient(135deg,#111a2ecc,#2d1b6999);border:1px solid rgba(232,185,74,.25);box-shadow:0 10px 30px #0000004d,0 0 15px #e8b94a1a;animation:float3D 8s ease-in-out infinite;pointer-events:none;perspective:1000px;transform-style:preserve-3d}.floating-card-3d:before{content:"";position:absolute;inset:8px;border-radius:3px;border:1px solid rgba(232,185,74,.15);background:radial-gradient(circle at 30% 30%,rgba(232,185,74,.1),transparent 60%)}.floating-card-3d--blue{border-color:#17b26a40;box-shadow:0 10px 30px #0000004d,0 0 15px #17b26a1a}.floating-card-3d--blue:before{border-color:#17b26a26;background:radial-gradient(circle at 30% 30%,rgba(23,178,106,.1),transparent 60%)}.floating-card-3d--cyan{border-color:#f6d57a40;box-shadow:0 10px 30px #0000004d,0 0 15px #f6d57a1a}.floating-card-3d--cyan:before{border-color:#f6d57a26;background:radial-gradient(circle at 30% 30%,rgba(246,213,122,.1),transparent 60%)}.floating-chip{position:absolute;width:50px;height:50px;border-radius:50%;background:conic-gradient(from 0deg,#e8b94a99,#17b26a99,#f6d57a99,#e8b94a99,#17b26a99 360deg);border:3px solid rgba(255,255,255,.2);box-shadow:0 0 20px #e8b94a33,inset 0 0 15px #0006;animation:chipSpin 12s linear infinite;pointer-events:none;transform-style:preserve-3d}.floating-chip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;background:#171941cc;border:2px solid rgba(232,185,74,.3)}.particle-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#e8b94acc;box-shadow:0 0 6px #e8b94a99,0 0 12px #e8b94a4d;animation:twinkle 3s ease-in-out infinite;pointer-events:none}.particle-dot--blue{background:#17b26acc;box-shadow:0 0 6px #17b26a99,0 0 12px #17b26a4d}.particle-dot--cyan{background:#f6d57acc;box-shadow:0 0 6px #f6d57a99,0 0 12px #f6d57a4d}.particle-dot--lg{width:6px;height:6px}.glow-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,185,74,.2) 0%,rgba(23,178,106,.1) 30%,rgba(246,213,122,.05) 50%,transparent 70%);animation:orbFloat 6s ease-in-out infinite;pointer-events:none;z-index:0}.animated-border{position:relative;border-radius:var(--radius-lg);padding:2px;background:conic-gradient(from var(--border-angle, 0deg),rgba(232,185,74,.8),rgba(23,178,106,.8),rgba(246,213,122,.8),rgba(232,185,74,.8));animation:borderRotate 4s linear infinite}.animated-border>*{background:var(--color-bg-card);border-radius:calc(var(--radius-lg) - 2px)}.tilt-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast);transform-style:preserve-3d;perspective:1000px}.tilt-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-5px);box-shadow:0 20px 40px #0000004d,0 0 30px #e8b94a26}.glass-card{background:#111a2e80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.glass-card:hover{border-color:#e8b94a66;box-shadow:0 8px 32px #0006,0 0 20px #e8b94a26;transform:translateY(-4px)}.text-reveal{animation:textReveal 1s ease-out both}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounceDown 2s ease-in-out infinite;opacity:.7;z-index:2}.scroll-indicator__arrow{width:24px;height:24px;border-right:2px solid rgba(232,185,74,.7);border-bottom:2px solid rgba(232,185,74,.7);transform:rotate(45deg)}
