@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap";body{font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#0f172a;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}#root{min-height:100vh}.tech-title,h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;letter-spacing:-.02em}.mono-text,code,pre{font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-feature-settings:"liga" 1,"calt" 1}.body-text,p,div{font-family:Inter,sans-serif;font-weight:400;line-height:1.7}.tech-content{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1}:root{--primary-color: #667eea;--secondary-color: #764ba2;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--hero-gradient: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #fb7185 100%);--purple-gradient: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%);--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--desktop-breakpoint: 1200px;--container-max-width: 1200px;--container-padding: 20px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .6s;--transition-slower: .8s;--white: #ffffff;--black: #000000;--dark-bg: #1a1a1a;--white-transparent-1: rgba(255, 255, 255, .1);--white-transparent-9: rgba(255, 255, 255, .9);--backdrop-blur: blur(10px);--card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--hover-shadow: 0 20px 40px rgba(59, 130, 246, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}#root,.App{min-height:100vh}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.btn{display:inline-block;padding:12px 24px;background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary{background:transparent;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}