:root{--backgroundcolor:#ffffff;--textcolor:#0f172a;--textcolor2:#64748b;--textcolor-muted:#94a3b8;--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#7c8ff0;--accent-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-color:#f5576c;--accent-light:#ff6b7f;--surface-bg:#f8fafc;--surface-elevated:#ffffff;--card-bg:rgba(255, 255, 255, 0.8);--header-bg:rgba(255, 255, 255, 0.9);--footer-bg:#0f172a;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--glow-primary:0 0 20px rgba(102, 126, 234, 0.4);--glow-accent:0 0 20px rgba(245, 87, 108, 0.4);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Space Grotesk','Inter',sans-serif;--font-mono:'Fira Code','Courier New',monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--text-base:clamp(1rem, 0.95rem + 0.25vw, 1.125rem);--text-lg:clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);--text-3xl:clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl:clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--text-5xl:clamp(3rem, 2.5rem + 2.5vw, 3.75rem);--text-6xl:clamp(3.75rem, 3rem + 3.75vw, 4.5rem);--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-smooth:500ms cubic-bezier(0.4, 0, 0.2, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--backgroundcolor:#0f172a;--textcolor:#f1f5f9;--textcolor2:#cbd5e1;--textcolor-muted:#94a3b8;--surface-bg:#1e293b;--surface-elevated:#334155;--card-bg:rgba(30, 41, 59, 0.8);--header-bg:rgba(15, 23, 42, 0.9);--footer-bg:#020617;--border-color:#334155;--border-color-light:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4),0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4),0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.4),0 10px 10px -5px rgba(0, 0, 0, 0.3);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.6)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.7;color:var(--textcolor);background-color:var(--backgroundcolor);overflow-x:hidden;max-width:100vw;transition:background-color var(--transition-slow),color var(--transition-slow);padding-top:80px}body.menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--textcolor)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-break{display:inline}@media (max-width:768px){.desktop-break{display:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background-color:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-aos]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}[data-aos].aos-animate{opacity:1}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}[data-aos=fade-down]{transform:translateY(-30px)}[data-aos=fade-down].aos-animate{transform:translateY(0)}[data-aos=fade-right]{transform:translateX(-30px)}[data-aos=fade-right].aos-animate{transform:translateX(0)}[data-aos=fade-left]{transform:translateX(30px)}[data-aos=fade-left].aos-animate{transform:translateX(0)}[data-aos=zoom-in]{transform:scale(.95)}[data-aos=zoom-in].aos-animate{transform:scale(1)}body{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--textcolor);background-color:var(--backgroundcolor);margin:0;padding:0;overflow-x:hidden;max-width:100vw;position:relative}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:10px}body::-webkit-scrollbar-track{background-color:var(--scrollbar-bg)}a{text-decoration:none;color:inherit}