:root{--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-highlight: rgba(255, 255, 255, .1);--spotlight-color: rgba(119, 236, 252, .15);--spotlight-vibrant: rgba(119, 236, 252, .25)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.page-content-contact{position:relative;z-index:2;padding-top:0;min-height:100vh;background:#001d21;background:linear-gradient(194deg,#001d21,#0a0a0a 14%)}.contact-hero{padding:180px 40px 120px;text-align:center;max-width:1400px;margin:0 auto;position:relative;z-index:10;overflow:hidden}.contact-hero-title{font-family:Rubik,sans-serif;font-weight:700;font-size:clamp(48px,8vw,90px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin-bottom:40px}.contact-hero-title .char,.section-heading .char{background:linear-gradient(to bottom,#fff,#a5a5a5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;will-change:transform,opacity}.contact-hero-intro{max-width:800px;margin:60px auto 0;font-family:Work Sans,sans-serif;font-size:clamp(18px,2vw,24px);line-height:1.6;color:#ffffffd9;letter-spacing:.02em}.hero-word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.25em}.hero-word span{display:inline-block;will-change:transform}@media (prefers-reduced-motion: reduce){.hero-word span{transform:none!important}}.interactive-word{display:inline-block;position:relative;cursor:pointer;color:var(--color-gold);transition:color .3s ease;white-space:nowrap}.interactive-word:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--color-gold);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.interactive-word:hover{color:var(--color-cyan);text-shadow:0 0 15px rgba(119,236,252,.4);letter-spacing:.02em}.interactive-word:hover:after{background-color:var(--color-cyan);transform:scaleX(1);transform-origin:bottom left}.word{display:inline-block;white-space:nowrap}.char{display:inline-block;will-change:transform,opacity;perspective:600px}.service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:30px}.service-list li{font-family:Mukta,sans-serif;font-size:24px;color:#fff9;cursor:pointer}.service-list li a{text-decoration:none;color:inherit;display:block;width:100%;height:100%;transition:color .3s ease,transform .3s ease;padding:6px}.service-list li:hover a{color:var(--color-cyan-light);transform:translate(4px)}@media (max-width: 600px){.service-list{gap:10px}.service-list li{font-size:15px}}.cta-section{text-align:center;display:flex;flex-direction:column;align-items:center}.cta-section p{margin:0 auto;max-width:800px;text-align:center}.contact-form-section{padding:60px 48px 120px;max-width:900px;margin:0 auto;position:relative;z-index:5}.contact-form-wrapper,.contact-info-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:60px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 40px 100px -30px #0006;position:relative;overflow:hidden}.contact-form-wrapper:before,.contact-info-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.contact-form-wrapper:hover:before,.contact-info-wrapper:hover:before{opacity:1}.contact-info-wrapper{margin-top:60px;padding:40px;text-align:center}.contact-info-item{font-family:Work Sans,sans-serif;font-size:18px;color:#ffffffd9;margin-bottom:12px}.contact-info-item strong{color:#fff;font-weight:600;margin-right:8px;text-transform:uppercase;font-size:14px;letter-spacing:.05em;color:var(--color-gold)}.contact-info-item a{color:#fff;text-decoration:none;transition:color .3s ease}.contact-info-item a:hover{color:var(--color-cyan)}.contact-form{display:flex;flex-direction:column;gap:32px;margin-top:40px;position:relative;z-index:2}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{font-family:Rubik,sans-serif;font-size:16px;font-weight:500;color:var(--color-gold);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.form-input,.form-select,.form-textarea{font-family:Work Sans,sans-serif;font-size:18px;padding:20px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-white);transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-cyan);background:#ffffff14;box-shadow:0 0 20px #77ecfc1a}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(119, 236, 252, 0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 24px center;background-size:20px;padding-right:56px}.form-select option{background:#0a0a0a;color:var(--color-white)}.form-textarea{resize:vertical;min-height:180px}.form-submit{margin-top:24px;cursor:pointer;font-size:16px;padding:20px 40px;width:100%;text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:relative;overflow:hidden;z-index:1}.ambient-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;pointer-events:none}.shape-1{width:400px;height:400px;background:var(--color-cyan);top:20%;left:-10%;animation:float 20s infinite ease-in-out}.shape-2{width:500px;height:500px;background:var(--color-gold);bottom:10%;right:-10%;animation:float 25s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-50px)}}@media (max-width: 1024px){.contact-hero{padding:140px 20px 60px}.contact-hero-title{font-size:clamp(40px,8vw,80px);margin-bottom:24px}.contact-hero-intro{margin-top:32px;font-size:18px}.contact-form-section{padding:60px 20px 100px}.contact-form-wrapper,.contact-info-wrapper{padding:32px}.form-input,.form-select,.form-textarea{font-size:16px;padding:16px 20px}}@media (max-width: 480px){.contact-hero{padding:120px 20px 40px}.contact-hero-title{font-size:40px}}