.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem;position:relative;overflow:hidden;background:#121826}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(20,184,166,.15) 0%,rgba(14,116,144,.05) 50%,transparent 70%);animation:pulse 4s ease-in-out infinite}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(20,184,166,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(14,116,144,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(20,184,166,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.hero-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-content{animation:fadeInUp 1s ease-out}.hero-logo-wrapper{margin-bottom:2rem;display:flex;justify-content:center;animation:bounceFloat 3s ease-in-out infinite}.hero-logo{height:180px;width:auto;filter:drop-shadow(0 10px 30px rgba(20,184,166,.3));transition:transform .3s ease}.hero-logo:hover{transform:scale(1.05)}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--teal-light) 0%,var(--teal-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-subtitle{font-size:1.35rem;margin-bottom:3rem;opacity:.85;line-height:1.7;color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:inline-block;padding:1.1rem 2.75rem;background:linear-gradient(135deg,var(--teal-light) 0%,var(--teal-dark) 100%);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px #14b8a666;position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-cta:hover:before{left:100%}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px #14b8a680}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;opacity:.6}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--teal-light);border-bottom:2px solid var(--teal-light);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes bounceFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0) rotate(45deg)}50%{transform:translate(-50%) translateY(10px) rotate(45deg)}}@media (max-width: 768px){.hero-logo{height:120px}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.hero-cta{padding:1rem 2rem;font-size:1rem}}.contact{padding:6rem 2rem;background:var(--background-darker);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal-light),transparent)}.contact-container{max-width:800px;margin:0 auto;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;background:linear-gradient(135deg,var(--teal-light) 0%,var(--teal-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.6;opacity:.9}.contact-info{display:flex;justify-content:center;align-items:center}.contact-email{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,var(--teal-light) 0%,var(--teal-dark) 100%);color:#fff;text-decoration:none;border-radius:50px;font-size:1.125rem;font-weight:600;box-shadow:0 8px 25px #14b8a666;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.contact-email:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-email:hover:before{left:100%}.contact-email:hover{transform:translateY(-3px);box-shadow:0 12px 35px #14b8a680}.contact-icon{width:24px;height:24px;flex-shrink:0}@media (max-width: 768px){.contact{padding:4rem 1.5rem}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-email{padding:1rem 1.5rem;font-size:1rem}}.footer{background:var(--footer-background);color:var(--footer-text);padding:2rem;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.footer-text{margin:0;font-size:.9rem;opacity:.8}:root{--teal-light: #14b8a6;--teal-dark: #0e7490;--teal-gradient-start: #2dd4bf;--teal-gradient-end: #0d9488;--primary-color: var(--teal-light);--secondary-color: var(--teal-dark);--text-color: #f9fafb;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--background-dark: #121826;--background-darker: #0f172a;--background-light: #1e293b;--footer-background: #0f172a;--footer-text: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-dark)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.container{padding:0 1rem}}