:root{--color-primary: #000000;--color-primary-light: #333333;--color-primary-dark: #000000;--color-accent: #000000;--color-accent-light: #666666;--color-accent-dark: #000000;--color-success: #000000;--color-warning: #000000;--color-info: #000000;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f0f0f0;--color-gray-200: #e0e0e0;--color-gray-300: #c0c0c0;--color-gray-400: #a0a0a0;--color-gray-500: #808080;--color-gray-600: #606060;--color-gray-700: #404040;--color-gray-800: #202020;--color-gray-900: #101010;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #000000;--color-bg-dark: #000000;--color-bg-card: #ffffff;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-inverse: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-game: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-productivity: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--color-optimization: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--color-hover: #f1f5f9;--color-focus: #3b82f6;--color-active: #1e40af;--gradient-primary: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-accent: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);--gradient-dark: linear-gradient(135deg, #000000 0%, #333333 100%);--gradient-light: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--color-cream: #fbf9f6;--color-cream-light: #fefefe;--color-retro-lavender: #c084fc;--color-retro-cyan: #22d3ee;--color-retro-peach: #fb7185;--color-retro-mint: #34d399;--color-neon-cyan: #00ffff}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-on-scroll-left{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll-left.animate-in{opacity:1;transform:translate(0)}.animate-on-scroll-right{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll-right.animate-in{opacity:1;transform:translate(0)}.animate-on-scroll-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll-scale.animate-in{opacity:1;transform:scale(1)}.animate-delay-100{transition-delay:.1s}.animate-delay-200{transition-delay:.2s}.animate-delay-300{transition-delay:.3s}.animate-delay-400{transition-delay:.4s}.animate-delay-500{transition-delay:.5s}.hover-gradient{position:relative;overflow:hidden}.hover-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hover-gradient:hover:before{left:100%}.magnetic-button{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.magnetic-button:hover{transform:translateY(-2px)}.parallax-slow{transform:translateZ(0);will-change:transform}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.morph-animation{animation:morph 8s ease-in-out infinite}@keyframes particle-float{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-100px) rotate(180deg);opacity:.5}}.particle{position:absolute;width:4px;height:4px;background:#3b82f699;border-radius:50%;animation:particle-float 6s ease-in-out infinite}.particle:nth-child(1){animation-delay:0s;left:10%}.particle:nth-child(2){animation-delay:1s;left:20%}.particle:nth-child(3){animation-delay:2s;left:30%}.particle:nth-child(4){animation-delay:3s;left:40%}.particle:nth-child(5){animation-delay:4s;left:50%}.particle:nth-child(6){animation-delay:5s;left:60%}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);transform:translate(-100%);animation:reveal 1.5s cubic-bezier(.77,0,.175,1) forwards}@keyframes reveal{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}.card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card-3d:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-effect:hover{animation:glitch .5s ease-in-out}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-primary)}}.typewriter{overflow:hidden;border-right:3px solid var(--color-primary);white-space:nowrap;animation:typewriter 2s steps(30,end),blink-caret .75s step-end infinite}.perspective-card{perspective:1000px}.perspective-card-inner{transition:transform .6s;transform-style:preserve-3d;position:relative}.perspective-card:hover .perspective-card-inner{transform:rotateY(180deg)}.perspective-front,.perspective-back{position:absolute;width:100%;backface-visibility:hidden}.perspective-back{transform:rotateY(180deg)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:before{width:300px;height:300px}.tilt-effect{transition:transform .2s ease-out}.tilt-effect:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) translateZ(20px)}@keyframes organic-movement{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(1deg)}50%{transform:translate(-5px,5px) rotate(-1deg)}75%{transform:translate(-10px,-5px) rotate(.5deg)}}.organic-float{animation:organic-movement 8s ease-in-out infinite}.appear-from-bottom{transform:translateY(100px);opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.appear-from-bottom.appeared{transform:translateY(0);opacity:1}.appear-with-scale{transform:scale(.8);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.appear-with-scale.appeared{transform:scale(1);opacity:1}.appear-with-blur{filter:blur(10px);opacity:0;transition:all .8s ease-out}.appear-with-blur.appeared{filter:blur(0);opacity:1}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){.animate-on-scroll,.animate-on-scroll-left,.animate-on-scroll-right,.animate-on-scroll-scale,.appear-from-bottom,.appear-with-scale,.appear-with-blur,.particle,.organic-float{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--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: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--space-px: 1px;--space-0: 0;--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;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-10);--space-3xl: var(--space-12);--space-4xl: var(--space-16);--space-5xl: var(--space-20);--space-6xl: var(--space-24);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--z-toast: 1070}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.025em;color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.04em}h2{font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.03em}h3{font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.02em}h4{font-size:var(--font-size-2xl);font-weight:600}h5{font-size:var(--font-size-xl);font-weight:500}h6{font-size:var(--font-size-lg);font-weight:500}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);width:100%}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 768px){.container{padding:0 var(--space-8)}}@media (min-width: 1024px){.container{padding:0 var(--space-10)}}.section{padding:var(--space-20) 0}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.text-9xl{font-size:var(--font-size-9xl)}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-dark{background-color:var(--color-bg-dark)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@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:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift:hover{transform:translateY(-4px);transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05);transition:transform var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666;transition:box-shadow var(--transition-base)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}@media (min-width: 640px){.sm\:text-xl{font-size:var(--font-size-xl)}.sm\:text-2xl{font-size:var(--font-size-2xl)}.sm\:text-3xl{font-size:var(--font-size-3xl)}.sm\:text-4xl{font-size:var(--font-size-4xl)}.sm\:text-5xl{font-size:var(--font-size-5xl)}.sm\:text-6xl{font-size:var(--font-size-6xl)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width: 768px){.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}.md\:text-3xl{font-size:var(--font-size-3xl)}.md\:text-4xl{font-size:var(--font-size-4xl)}.md\:text-5xl{font-size:var(--font-size-5xl)}.md\:text-6xl{font-size:var(--font-size-6xl)}.md\:text-7xl{font-size:var(--font-size-7xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}.lg\:text-4xl{font-size:var(--font-size-4xl)}.lg\:text-5xl{font-size:var(--font-size-5xl)}.lg\:text-6xl{font-size:var(--font-size-6xl)}.lg\:text-7xl{font-size:var(--font-size-7xl)}.lg\:text-8xl{font-size:var(--font-size-8xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}