*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{background-size:200% auto;animation:gradient-shift 3s ease infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.scroll-animate{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate.visible .stagger-child:nth-child(1){transition-delay:0ms}.scroll-animate.visible .stagger-child:nth-child(2){transition-delay:80ms}.scroll-animate.visible .stagger-child:nth-child(3){transition-delay:.16s}.scroll-animate.visible .stagger-child:nth-child(4){transition-delay:.24s}.scroll-animate.visible .stagger-child:nth-child(5){transition-delay:.32s}.stagger-child{opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out}.scroll-animate.visible .stagger-child{opacity:1;transform:translateY(0)}.adsense-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed #cbd5e1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;min-height:90px;transition:opacity .3s ease}.adsense-container:hover{opacity:.8}.adsense-container ins{display:block}.text-gradient{background:linear-gradient(135deg,#0f6e56,#534ab7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-animated{background:linear-gradient(135deg,#0f6e56,#534ab7,#0f6e56);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.border-gradient{position:relative;border:none}.border-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#0f6e56,#534ab7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.border-gradient:hover:before{opacity:1}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.bg-grid-pattern{background-image:linear-gradient(rgba(15,110,86,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,110,86,.03) 1px,transparent 1px);background-size:48px 48px}*:focus-visible{outline:2px solid #0F6E56;outline-offset:2px;border-radius:4px}.tool-input{transition:border-color .2s ease,box-shadow .2s ease}.tool-input:focus{border-color:#0f6e56;box-shadow:0 0 0 3px #0f6e5626}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transform:rotate(45deg);transition:transform .6s ease}.btn-shimmer:hover:after{transform:rotate(45deg) translate(100%)}#qr-output canvas,#qr-output img{border-radius:12px;max-width:100%;height:auto}@media (max-width: 640px){::-webkit-scrollbar{width:4px}.adsense-container{min-height:50px;border-radius:8px}.stagger-child{padding:1rem}.blur-3xl{display:none}}@media (min-width: 641px) and (max-width: 1023px){.adsense-container{min-height:70px}}@media (pointer: coarse){a,button,[role=button],input[type=search],select{min-height:44px}a,button{-webkit-tap-highlight-color:transparent}.overflow-y-auto,.overflow-x-auto{-webkit-overflow-scrolling:touch}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:none!important}}@media (max-height: 500px) and (orientation: landscape){.pt-8{padding-top:1rem}.pb-12{padding-bottom:2rem}}section.bg-slate-900:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(15,110,86,.06),transparent 40%);z-index:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.scroll-animate,.stagger-child{opacity:1;transform:none}.text-gradient-animated{animation:none}}@supports (padding: env(safe-area-inset-top)){header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media print{.adsense-container,.no-print{display:none!important}}