@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-bg-primary:#ffffff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-text-primary:#1a1a1a;--color-text-secondary:#6c757d;--color-accent-primary:#3b82f6;--color-accent-secondary:#8b5cf6;--color-accent-tertiary:#ec4899;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);--gradient-secondary:linear-gradient(135deg,#1e40af,#7c3aed);--color-card-bg:rgba(255,255,255,0.8);--color-card-border:rgba(0,0,0,0.1);--color-border:rgba(0,0,0,0.1);--color-button-secondary-bg:rgba(0,0,0,0.05);--color-button-secondary-text:#1a1a1a;--color-button-secondary-border:rgba(0,0,0,0.1);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--border-radius-sm:0.5rem;--border-radius-md:1rem;--border-radius-lg:1.5rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 4px 16px rgba(0,0,0,0.1);--shadow-lg:0 8px 32px rgba(0,0,0,0.15);--shadow-glow:0 0 20px rgba(59,130,246,0.2)}[data-theme=dark]{--color-bg-primary:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#2a2a2a;--color-text-primary:#ffffff;--color-text-secondary:#a0a0a0;--color-card-bg:rgba(26,26,26,0.5);--color-card-border:rgba(255,255,255,0.1);--color-border:rgba(255,255,255,0.1);--color-button-secondary-bg:rgba(255,255,255,0.05);--color-button-secondary-text:#ffffff;--color-button-secondary-border:rgba(255,255,255,0.1);--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(59,130,246,0.4)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:all var(--transition-normal)}a:hover{color:var(--color-accent-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fadeIn{animation:fadeIn .8s ease-out}.animate-slideInLeft{animation:slideInLeft .8s ease-out}.animate-slideInRight{animation:slideInRight .8s ease-out}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .glass{background:rgba(26,26,26,.7);border:1px solid rgba(255,255,255,.1)}