.scroll-to-top{position:fixed;bottom:3rem;right:3rem;width:56px;height:56px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #3b82f666;z-index:1000;transition:var(--transition-smooth)}.scroll-to-top:hover{box-shadow:0 15px 40px #3b82f699}.scroll-to-top:focus{outline:2px solid var(--color-electric-blue);outline-offset:4px}@media (max-width: 768px){.scroll-to-top{bottom:2rem;right:2rem;width:48px;height:48px}.scroll-to-top svg{width:20px;height:20px}}.app{width:100%;overflow-x:hidden}section{position:relative;width:100%}.floating{animation:float 6s ease-in-out infinite}.fade-in{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gradient-orb{position:absolute;border-radius:50%;background:var(--gradient-glow);filter:blur(60px);opacity:.6;animation:glow 4s ease-in-out infinite;pointer-events:none}.gradient-orb-1{width:400px;height:400px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}.gradient-orb-2{width:500px;height:500px;bottom:-250px;left:-150px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);animation-delay:2s}.grid-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.5}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}:root{--color-white: #FFFFFF;--color-charcoal: #2A2D35;--color-electric-blue: #3B82F6;--color-soft-violet: #8B5CF6;--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--gradient-accent: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(139, 92, 246, .1) 100%);--gradient-glow: radial-gradient(circle at center, rgba(59, 130, 246, .15) 0%, transparent 70%);--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-600: #4B5563;--color-gray-700: #374151;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-padding: 120px;--container-max: 1280px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .5s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:var(--font-primary);color:var(--color-charcoal);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}p{font-size:1.125rem;line-height:1.8;color:var(--color-gray-600)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 30px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #3b82f666}.btn-secondary{background:#fff;color:var(--color-charcoal);border:2px solid var(--color-gray-200)}.btn-secondary:hover{border-color:var(--color-electric-blue);transform:translateY(-2px)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #0000000f;transition:var(--transition-smooth);border:1px solid var(--color-gray-100)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-electric-blue)}@media (max-width: 768px){:root{--section-padding: 60px}.container{padding:0 1.5rem}p{font-size:1rem}.btn{padding:.875rem 1.5rem;font-size:.9375rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}::selection{background:var(--color-electric-blue);color:#fff}::-moz-selection{background:var(--color-electric-blue);color:#fff}