:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-accent: #ff6b35;--color-accent-hover: #ff5722;--color-success: #22c55e;--color-warning: #f59e0b;--color-bg-dark: #0a0a0f;--color-bg-section: #111118;--color-bg-card: #1a1a24;--color-bg-card-hover: #222230;--color-bg-light: #ffffff;--color-bg-light-alt: #f8f9fa;--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-dark: #111827;--color-border: rgba(255, 255, 255, .1);--color-border-light: #e5e7eb;--gradient-hero: linear-gradient(135deg, #646cff 0%, #ff6b35 50%, #ff3366 100%);--gradient-dark: linear-gradient(180deg, #0a0a0f 0%, #111118 100%);--gradient-glow: radial-gradient(circle at center, rgba(100, 108, 255, .15) 0%, transparent 70%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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.5rem;--font-size-5xl: 3rem;--font-size-hero: clamp(2.5rem, 5vw, 4rem);--font-size-h2: clamp(2rem, 4vw, 3rem);--font-size-h3: clamp(1.5rem, 3vw, 2rem);--section-padding: clamp(4rem, 10vw, 8rem);--container-max: 1200px;--container-narrow: 800px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px rgba(100, 108, 255, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 24px}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background var(--transition-base)}nav .container{display:flex;justify-content:space-between;align-items:center}nav .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-text-primary)}nav .logo-img{height:48px;width:auto}nav .logo-text{font-size:1.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.03em;font-style:italic;line-height:1}nav ul{display:flex;gap:2rem;list-style:none;align-items:center}nav a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}nav a:hover{color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-base);border:none;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--gradient-hero);color:#fff;box-shadow:var(--shadow-md),0 0 20px #646cff4d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),0 0 30px #646cff66}.btn-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#646cff1a}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.btn-large{padding:1.125rem 2.5rem;font-size:var(--font-size-lg)}.btn-small{padding:.625rem 1.25rem;font-size:var(--font-size-sm)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:5px}.hamburger-line{width:24px;height:2px;background-color:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base)}footer{background:var(--color-bg-section);border-top:1px solid var(--color-border);padding:4rem 0 2rem}footer .container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}footer .footer-brand{display:flex;flex-direction:column;gap:.75rem}footer .footer-brand .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-text-primary)}footer .footer-brand .logo-link:hover{color:var(--color-primary)}footer .footer-brand .logo-img{height:36px;width:auto}footer .footer-brand .logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;font-style:italic}footer .footer-brand p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;max-width:280px;margin:0}footer h4{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}footer ul{list-style:none}footer li{margin-bottom:.5rem}footer a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}footer a:hover{color:var(--color-text-primary)}.footer-bottom{text-align:center;padding-top:2rem;margin-top:3rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}.section{padding:var(--section-padding) 0}.section-dark{background:var(--color-bg-dark)}.section-darker{background:var(--color-bg-section)}.section-title{font-size:var(--font-size-h2);font-weight:800;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem}@media(max-width:1024px){footer .container{grid-template-columns:1fr 1fr}}@media(max-width:768px){nav .container{position:relative}.mobile-menu-toggle{display:flex}nav ul{position:absolute;top:calc(100% + 1rem);left:1rem;right:1rem;background:var(--color-bg-card);flex-direction:column;padding:1.5rem;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);display:none;box-shadow:var(--shadow-xl)}nav ul.mobile-open{display:flex;animation:mobileMenuFadeIn .2s ease-out}nav ul li{width:100%;text-align:center}nav ul li a{display:block;width:100%;padding:1rem;border-radius:var(--radius-md);margin:.25rem 0;transition:background-color var(--transition-fast)}nav ul li a:hover{background-color:var(--color-bg-card-hover)}nav ul li a.btn{margin-top:.5rem}nav .logo-img{height:40px}nav .logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;font-style:italic}footer .container{grid-template-columns:1fr;text-align:center}footer .footer-brand{align-items:center}footer .footer-brand p{max-width:none}.section{padding:clamp(3rem,8vw,6rem) 0}}@media(max-width:480px){.container{padding:0 16px}nav .logo-img{height:36px}nav .logo-text{font-size:1.125rem;font-weight:800;letter-spacing:-.03em;font-style:italic}.btn{padding:.75rem 1.5rem}.btn-large{padding:1rem 2rem;font-size:var(--font-size-base)}}@keyframes mobileMenuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mb-8{margin-bottom:4rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2) format("woff2")}
