html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100vw}body{overflow-x:hidden;width:100%;max-width:100vw;position:relative}*{box-sizing:border-box}footer,header,section{width:100%;max-width:100vw}@media (max-width:768px){.max-w-3xl,.max-w-4xl,.max-w-7xl{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:768px){body,html{overflow-x:hidden;width:100%;position:relative}section{overflow-x:hidden}.absolute{max-width:100vw}}.section-dark{background:#0b1f28;color:#e2e8f0}.section-light{background:#eef7f9;color:#0b1f28}header a img{transition:transform .3s ease,opacity .3s ease}header a:hover img{transform:scale(1.05)}nav a{position:relative;font-size:14px;transition:color .3s ease}nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#1e6a78;transition:width .3s ease}nav a:hover::after{width:100%}a[href="#contact"].rounded-xl{transition:all .3s ease}a[href="#contact"].rounded-xl:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,106,120,.2)}button.md\:hidden{transition:transform .3s ease}button.md\:hidden:hover{transform:scale(1.1)}.section-dark .rounded-2xl.border-white\/10{transition:all .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(0)}.section-dark .rounded-2xl.border-white\/10:hover{transform:translateY(-5px);border-color:rgba(127,198,209,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);background-color:rgba(255,255,255,.07)}.section-light .rounded-2xl.border-slate-200{transition:all .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(0)}.section-light .rounded-2xl.border-slate-200:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(30,106,120,.15);border-color:rgba(30,106,120,.4)}.section-light .rounded-2xl.border-\[#1E6A78\]\/30:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(30,106,120,.2);border-color:rgba(30,106,120,.5)}.section-dark .rounded-xl.border-white\/10{transition:all .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(0)}.section-dark .rounded-xl.border-white\/10:hover{transform:translateY(-3px);border-color:rgba(127,198,209,.4);background-color:rgba(255,255,255,.08);box-shadow:0 6px 20px rgba(0,0,0,.2)}.section-light .rounded-2xl.border-\[#1E6A78\]\/25:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(30,106,120,.2)}a[href^="mailto:"],a[href^="tel:"]{transition:all .3s cubic-bezier(.4, 0, .2, 1);transform:translateX(0)}a[href^="mailto:"]:hover,a[href^="tel:"]:hover{transform:translateX(5px);border-color:rgba(127,198,209,.5);background-color:rgba(15,23,42,.6)}.section-light .rounded-2xl:hover .flex.gap-3{transform:translateX(5px);transition:transform .3s ease}.section-light .flex.gap-3{transition:transform .3s ease}.section-dark .rounded-3xl{transition:all .3s cubic-bezier(.4, 0, .2, 1)}.section-dark .rounded-3xl:hover{border-color:rgba(127,198,209,.2);background-color:rgba(255,255,255,.06)}.text-\[#7FC6D1\]{transition:transform .3s ease,color .3s ease}.rounded-2xl:hover .text-\[#7FC6D1\],.rounded-xl:hover .text-\[#7FC6D1\]{transform:scale(1.1);color:#7fc6d1}.rounded-2xl h3,.rounded-xl h3{transition:color .3s ease}.section-dark .rounded-2xl:hover h3,.section-dark .rounded-xl:hover h3{color:#7fc6d1}@media (hover:hover){.rounded-2xl,.rounded-3xl,.rounded-xl{will-change:transform}}