:root{--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-tertiary: var(--bg-tertiary);--color-bg-elevated: var(--bg-elevated);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-text-disabled: var(--text-disabled);--color-accent-primary: #8B7355;--color-accent-hover: #AE9882;--color-accent-subtle: #D9BB9B;--color-success: #6b9a7a;--color-error: #c77d7a;--color-warning: #d4b67a;--color-info: #7a9bb8;--color-border-primary: var(--border-primary);--color-border-secondary: var(--border-secondary);--color-border-hover: var(--border-hover);--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-color), .1);--shadow-md: 0 2px 8px 0 rgba(var(--shadow-color), .15);--shadow-lg: 0 4px 16px 0 rgba(var(--shadow-color), .2);--shadow-xl: 0 8px 24px 0 rgba(var(--shadow-color), .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--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)}:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a1f;--bg-tertiary: #2a2a2f;--bg-elevated: #1f1f24;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--text-disabled: #505050;--border-primary: rgba(139, 115, 85, .2);--border-secondary: rgba(139, 115, 85, .1);--border-hover: rgba(139, 115, 85, .4);--glass-bg: rgba(26, 26, 31, .7);--glass-border: rgba(139, 115, 85, .3);--overlay-backdrop: rgba(0, 0, 0, .7);--shadow-color: 0, 0, 0}[data-theme=light]{--bg-primary: #FAF8F5;--bg-secondary: #F5F1EB;--bg-tertiary: #EBE5de;--bg-elevated: #FFFFFF;--text-primary: #2A2A2A;--text-secondary: #5A5A5A;--text-tertiary: #7D7D7D;--text-disabled: #A0A0A0;--border-primary: rgba(139, 115, 85, .3);--border-secondary: rgba(139, 115, 85, .15);--border-hover: rgba(139, 115, 85, .5);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(139, 115, 85, .2);--overlay-backdrop: rgba(255, 255, 255, .7);--shadow-color: 139, 115, 85}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.feature-hint-highlight{position:relative;z-index:9998!important;box-shadow:0 0 0 4px #d9bb9b80,0 0 20px #d9bb9b4d!important;border-radius:12px!important;animation:featureHintPulse 2s ease-in-out infinite!important}@keyframes featureHintPulse{0%,to{box-shadow:0 0 0 4px #d9bb9b80,0 0 20px #d9bb9b4d}50%{box-shadow:0 0 0 6px #d9bb9bb3,0 0 30px #d9bb9b80}}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-40px) scale(1.2);opacity:.8}50%{transform:translate(-30px,-80px) scale(.8);opacity:.4}75%{transform:translate(15px,-120px) scale(1.1);opacity:.7}}@keyframes particleGlow{0%,to{box-shadow:0 0 10px #8b7355,0 0 20px #8b7355,0 0 30px #8b7355}50%{box-shadow:0 0 15px #ae9882,0 0 30px #ae9882,0 0 45px #ae9882}}@keyframes trail{to{transform:translate(200px);opacity:0}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(50px,-40px) scale(1.15) rotate(120deg)}66%{transform:translate(-40px,40px) scale(.9) rotate(240deg)}}@keyframes blobPulse{0%,to{opacity:.6;filter:blur(120px)}50%{opacity:.8;filter:blur(140px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}@keyframes holographicShift{0%,to{box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a,0 0 40px #8b73554d}50%{box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a,0 0 60px #ae988280}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 30px rgba(139,115,85,.6))}50%{filter:drop-shadow(0 0 50px rgba(174,152,130,.8))}}@keyframes buttonGlow{0%,to{box-shadow:0 15px 50px #8b735599,0 0 60px #8b735566}50%{box-shadow:0 15px 50px #8b7355cc,0 0 80px #ae988299}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 10px #D9BB9B)}50%{transform:rotate(180deg) scale(1.15);filter:drop-shadow(0 0 20px #AE9882)}}@keyframes morphShape{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:rotate(180deg)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes barFill{0%{width:0}}@keyframes wordSlideUp3D{to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes underlineDraw{to{opacity:1;stroke-dasharray:200;stroke-dashoffset:0}}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes scrollContentInfinite{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes floatCulinary{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(10deg)}66%{transform:translateY(15px) rotate(-10deg)}}@keyframes glitchWave{0%,90%,to{text-shadow:2px 0 0 rgba(139,115,85,.7),-2px 0 0 rgba(217,187,155,.7)}92%,96%{text-shadow:-3px 0 0 rgb(139,115,85),3px 0 0 rgb(217,187,155)}}@keyframes glitchTop{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,-2px)}96%{transform:translate(2px,2px)}}@keyframes glitchBottom{0%,90%,to{transform:translate(0)}92%{transform:translate(2px,2px)}96%{transform:translate(-2px,-2px)}}@keyframes multiLineReveal{0%{opacity:0}to{opacity:1}}@keyframes pillIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fieldOrbit{0%{transform:rotate(0) translate(30px) rotate(0)}to{transform:rotate(360deg) translate(30px) rotate(-360deg)}}@keyframes signalBlink{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes glowRipple{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:0}}@keyframes codeFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,15px)}75%{transform:translate(-10px,-5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseShadow{0%{box-shadow:0 0 #8b7355b3}50%{box-shadow:0 0 0 10px #8b735500}to{box-shadow:0 0 #8b735500}}@keyframes bounceSmall{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes pulseRingShadow{0%{box-shadow:0 0 #ae9882b3}70%{box-shadow:0 0 0 20px #ae988200}to{box-shadow:0 0 #ae988200}}@keyframes particleGlow{0%,to{box-shadow:0 0 10px #8b7355,0 0 20px #8b7355}50%{box-shadow:0 0 20px #ae9882,0 0 40px #ae9882}}@keyframes trail{0%{transform:translate(0) translateY(-50%) scaleX(0);opacity:0}50%{opacity:.6}to{transform:translate(100px) translateY(-50%) scaleX(1);opacity:0}}@keyframes blobPulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes holographicShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(5deg)}}@keyframes pulseScale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes pulseRingScale{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}@keyframes wordSlideUp3D{0%{opacity:0;transform:translateY(50px) rotateX(-30deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 30px rgba(139,115,85,.6))}50%{filter:drop-shadow(0 0 50px rgba(174,152,130,.9))}}@keyframes underlineDraw{to{opacity:1;stroke-dashoffset:0}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes buttonGlow{0%,to{box-shadow:0 15px 50px #8b735599,0 0 60px #8b735566}50%{box-shadow:0 15px 50px #8b7355cc,0 0 80px #8b735599}}@keyframes barFill{0%{width:0%}to{width:var(--width)}}@keyframes barGlow{0%,to{box-shadow:0 0 20px #8b7355cc}50%{box-shadow:0 0 30px #ae9882}}@keyframes morphShape{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes matrixFall{0%{top:-100%;opacity:1}to{top:100%;opacity:0}}@keyframes scanSweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes gridPulse{0%,to{opacity:.15}50%{opacity:.3}}@keyframes depthFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(50px) scale(1.1)}}@keyframes holoExpand{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes corePulseOut{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}@keyframes fragmentFloat{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.8}25%{transform:translateY(-20px) translate(15px) rotate(3deg);opacity:1}50%{transform:translateY(-10px) translate(-10px) rotate(-2deg);opacity:.6}75%{transform:translateY(-30px) translate(20px) rotate(4deg);opacity:1}}@keyframes circuitDraw{0%,to{stroke-dashoffset:1000;opacity:.3}50%{stroke-dashoffset:0;opacity:.8}}@keyframes nodePulse{0%,to{r:6;opacity:1}50%{r:9;opacity:.6}}@keyframes shieldRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chromaticShift{}@keyframes hexagonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconBreath{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(139,115,85,.8))}50%{transform:scale(1.1);filter:drop-shadow(0 0 50px rgb(174,152,130))}}@keyframes glitchFlash{0%,90%,to{opacity:0}91%,95%{opacity:1}}@keyframes glitchShift1{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:translate(0)}41%,43%{transform:translate(-3px)}59%,60%{transform:translate(3px)}62%,64%{transform:translate(-2px)}70%,72%{transform:translate(2px)}}@keyframes glitchShift2{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:translate(0)}41%,43%{transform:translate(3px)}59%,60%{transform:translate(-3px)}62%,64%{transform:translate(2px)}70%,72%{transform:translate(-2px)}}@keyframes megaGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes holoScan{0%,to{transform:translateY(-100%);opacity:0}50%{transform:translateY(100%);opacity:.5}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes typeIn{0%{max-width:0}to{max-width:100%}}@keyframes chipBlink{0%,80%,to{opacity:1;transform:scale(1)}85%,95%{opacity:.3;transform:scale(.8)}}@keyframes quantumOrbit{0%{offset-distance:0%;transform:rotate(0)}to{offset-distance:100%;transform:rotate(360deg)}}@keyframes quantumRipple{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes binaryDrop{0%{top:-100%;opacity:1}to{top:110%;opacity:.3}}@keyframes synapseFlow{0%,to{stroke-dashoffset:1200;opacity:.3}50%{stroke-dashoffset:0;opacity:.8}}@keyframes neuralPulse{0%,to{r:8;opacity:1}50%{r:14;opacity:.6}}@keyframes brainRotate{0%{transform:rotate(0) rotateY(0)}to{transform:rotate(360deg) rotateY(360deg)}}@keyframes coreBreath{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes scanVertical{0%,to{top:0%;opacity:0}10%,90%{opacity:1}50%{top:100%}}@keyframes particleOrbit{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-40px) scale(1.5);opacity:1}50%{transform:translate(-20px,-60px) scale(.8);opacity:.4}75%{transform:translate(40px,-30px) scale(1.2);opacity:.9}}@keyframes qubitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes qubitPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.4)}}@keyframes meterPulse{0%,to{width:70%}50%{width:85%}}@keyframes meterSweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes glitchWave{}@keyframes glitchTop{0%,90%,to{transform:translate(0)}92%,94%,96%{transform:translate(-4px)}}@keyframes glitchBottom{0%,90%,to{transform:translate(0)}92%,94%,96%{transform:translate(4px)}}@keyframes titleWave{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes typeWriter{0%{width:0}to{width:100%}}@keyframes pillRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pillIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}@keyframes fieldOrbit{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes btnGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes signalBlink{0%,80%,to{opacity:1;transform:scale(1)}85%,95%{opacity:.4;transform:scale(.7)}}@keyframes glowRipple{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes codeFloat{0%,to{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(25px,-30px) rotate(3deg);opacity:1}50%{transform:translate(-15px,-50px) rotate(-2deg);opacity:.5}75%{transform:translate(35px,-40px) rotate(4deg);opacity:.9}}@keyframes multiLineReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0% 100%);opacity:0;transform:translateY(5px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);opacity:1;transform:translateY(0)}}@keyframes pulseShadowSuccess{0%{box-shadow:0 0 #6b9a7ab3}50%{box-shadow:0 0 0 8px #6b9a7a00}to{box-shadow:0 0 #6b9a7a00}}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes rippleSuccess{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:24px;letter-spacing:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:48px;line-height:1;letter-spacing:-.03em;font-weight:700}h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:36px;line-height:40px;letter-spacing:-.025em;font-weight:600}h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:30px;line-height:36px;letter-spacing:-.02em;font-weight:600}h4{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:24px;line-height:32px;letter-spacing:-.015em;font-weight:500}p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:24px;letter-spacing:0;font-weight:400}a{color:#8b7355;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1)}a:hover{color:#ae9882}::selection{background-color:#8b7355;color:var(--bg-primary)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-secondary)}*::-webkit-scrollbar-thumb{background:#8b7355;border-radius:9999px}*::-webkit-scrollbar-thumb:hover{background:#ae9882}.page-container{width:100%;min-height:100vh;margin:0 auto}@media (min-width: 64rem){.page-container{max-width:1200px}}html,body{overflow-x:hidden;width:100%}