.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.stagger-children.visible>*:nth-child(1){transition-delay:0ms}.stagger-children.visible>*:nth-child(2){transition-delay:.12s}.stagger-children.visible>*:nth-child(3){transition-delay:.24s}.stagger-children.visible>*:nth-child(4){transition-delay:.36s}.stagger-children.visible>*:nth-child(5){transition-delay:.48s}.stagger-children.visible>*:nth-child(6){transition-delay:.6s}.stagger-children.visible>*:nth-child(7){transition-delay:.72s}.stagger-children.visible>*:nth-child(8){transition-delay:.84s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hero-shimmer{background:linear-gradient(110deg,transparent 15%,rgba(10,143,143,.12) 35%,rgba(10,143,143,.25) 50%,rgba(10,143,143,.12) 65%,transparent 85%);background-size:200% 100%;animation:shimmer 4s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-40px) scale(1.2);opacity:.6}50%{transform:translate(-20px,-80px) scale(.8);opacity:.4}75%{transform:translate(40px,-30px) scale(1.1);opacity:.5}}@keyframes float2{0%,to{transform:translate(0) scale(1);opacity:.2}33%{transform:translate(-40px,-60px) scale(1.3);opacity:.5}66%{transform:translate(30px,-40px) scale(.9);opacity:.3}}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:15}@keyframes acceptingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.accepting-dot{animation:acceptingPulse 2s ease-in-out infinite}@keyframes heroFloat1{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes heroFloat2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-card-1{animation:heroFloat1 6s ease-in-out infinite}.float-card-2{animation:heroFloat2 6s ease-in-out infinite 2s}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;inset:-1px;border-radius:1rem;padding:1px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .5s;pointer-events:none}.card-glow:hover:before{background:linear-gradient(135deg,#0a8f8f,#f57a1f,#0a8f8f)}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.back-to-top{opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;pointer-events:none}.back-to-top.show{opacity:1;transform:translateY(0);pointer-events:all}.back-to-top:hover svg{animation:bounceUp .6s ease infinite}.counter{display:inline-block}@keyframes gradientShift{0%,to{opacity:.6;transform:translate(-25%,-50%) scale(1)}50%{opacity:.9;transform:translate(-20%,-45%) scale(1.1)}}.hero-glow{animation:gradientShift 8s ease-in-out infinite}@keyframes waPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 16px #22c55e00}to{box-shadow:0 0 #22c55e00}}.wa-pulse{animation:waPulse 2.5s ease-out infinite}@keyframes themeHint{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.25);filter:drop-shadow(0 0 8px rgba(255,165,0,.6))}}.animate-theme-hint{animation:themeHint 1.5s ease-in-out 3s 3}.card-tactile{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.card-tactile:hover{transform:translateY(-8px);box-shadow:0 20px 50px -15px #0a8f8f40,0 0 0 1px #0a8f8f1a}@media (hover: none){.card-tactile:active{transform:scale(.97)}.card-tactile:hover{transform:none;box-shadow:none}}@media (max-width: 640px){a,button,[role=button],select,input,textarea{min-height:44px;min-width:44px}}.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1rem}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 85%;scroll-snap-align:center}@media (min-width: 768px){.carousel-slide{flex:0 0 calc(33.333% - 1rem)}}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:background .3s,width .3s}.carousel-dot.active{background:#0a8f8f;width:24px;border-radius:4px}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#0a8f8f;transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .4s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-left,.reveal-right,.reveal-scale,.stagger-children>*{opacity:1;transform:none}}:root{--color-dark: 13 13 18;--color-surface: 26 26 36;--color-light: 232 232 237;--color-subtle: 136 136 136}html.light{--color-dark: 245 245 240;--color-surface: 255 255 255;--color-light: 26 26 26;--color-subtle: 102 102 102}html.light .border-white\/5{border-color:#0000000f}html.light .border-white\/10{border-color:#00000014}html.light .bg-white\/5{background-color:#0000000a}html.light .bg-white\/10{background-color:#0000000f}html.light .hover\:bg-white\/5:hover{background-color:#0000000a}html.light .hover\:border-white\/5:hover{border-color:#0000000f}html.light .border-white\/20{border-color:#0000001f}html.light .text-white\/40{color:#00000059}html.light .text-white\/30{color:#00000040}html.light .carousel-dot{background:#0000001f}html.light .carousel-dot.active{background:#0a8f8f}html.light .shadow-black\/20{--tw-shadow-color: rgba(0,0,0,.08)}
