@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#e8edf5;--bg-secondary:#dfe6f0;--shadow-dark:#d1d9e6;--shadow-light:#f0f4fa;--text-primary:#4a5568;--text-secondary:#7b8794;--text-muted:#a0abc0;--accent-primary:#3e5eff;--accent-secondary:#6b82ff;--accent-glow:#3e5eff40;--accent-warm:#ff457a;--accent-green:#7bb89a;--gradient-hero-start:#2d3a52;--gradient-hero-mid:#1a2235;--gradient-hero-end:#0d1320;--gradient-accent:linear-gradient(135deg, #3e5eff, #ff457a);--shadow-raised:8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--shadow-raised-sm:4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);--shadow-raised-lg:12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light);--shadow-inset:inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--shadow-inset-sm:inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light);--content-max-width:1440px;--section-padding:100px 40px;--card-radius:20px;--btn-radius:14px;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", var(--font-primary);--transition-fast:.15s ease-out;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:#fff}.neu-raised{background:var(--bg-primary);border-radius:var(--card-radius);box-shadow:var(--shadow-raised);transition:box-shadow var(--transition-normal), transform var(--transition-normal);border:none}.neu-raised:hover{box-shadow:10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light)}.neu-raised-sm{background:var(--bg-primary);box-shadow:var(--shadow-raised-sm);border:none;border-radius:14px}.neu-inset{background:var(--bg-primary);border-radius:var(--card-radius);box-shadow:var(--shadow-inset);border:none}.neu-btn{background:var(--bg-primary);border-radius:var(--btn-radius);box-shadow:var(--shadow-raised-sm);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-spring);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.neu-btn:hover{box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);color:var(--accent-primary);transform:translateY(-2px)}.neu-btn:active{box-shadow:var(--shadow-inset-sm);transform:translateY(0)}.neu-tag{background:var(--bg-primary);box-shadow:var(--shadow-raised-sm);color:var(--text-secondary);transition:all var(--transition-fast);border:none;border-radius:50px;align-items:center;padding:6px 16px;font-size:.82rem;font-weight:500;display:inline-flex}.neu-tag:hover{color:var(--accent-primary);box-shadow:3px 3px 6px var(--shadow-dark), -3px -3px 6px var(--shadow-light)}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 40px}.section{padding:var(--section-padding)}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:clamp(1rem,1.5vw,1.15rem)}@media (width<=1024px){:root{--section-padding:80px 28px}.container{padding:0 28px}}@media (width<=768px){:root{--section-padding:60px 20px;--card-radius:16px}.container{padding:0 20px}}@media (width<=480px){:root{--section-padding:48px 16px}.container{padding:0 16px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.app-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1}#root{min-height:100vh;position:relative}
