@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: "Plus Jakarta Sans", sans-serif;--font-display: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--bg-deep: #050508;--bg-surface: #0f0f13;--bg-glass: rgba(15, 15, 19, .7);--text-main: #ffffff;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--primary: #F97316;--primary-glow: rgba(249, 115, 22, .4);--accent: #EA580C;--ease-premium: cubic-bezier(.2, .8, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--fluid-scale: clamp(.75rem, .8vw + .6rem, 1.25rem)}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;width:100vw;min-height:100dvh;overflow-x:hidden}@media(min-width:768px){body{height:100vh;overflow:hidden}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:.4}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;margin:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar-corner{background:transparent}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@media(max-width:768px){.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.hover-scale{transition:transform .2s var(--ease-out-expo);will-change:transform}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.text-balance{text-wrap:balance}.tool-title{font-family:var(--font-display);font-weight:900;font-size:1.875rem;line-height:2.25rem;letter-spacing:-.02em;text-transform:uppercase;color:#fff}@media(max-width:768px){.tool-title{font-size:1.5rem;line-height:2rem}}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.animate-enter{animation:enter .6s var(--ease-out-expo) forwards;opacity:0;transform:translateY(10px)}@keyframes enter{to{opacity:1;transform:translateY(0)}}.animate-pop-in{animation:popIn .5s var(--ease-out-expo) forwards;opacity:0;transform:scale(.95);will-change:transform,opacity}@keyframes popIn{to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideUp .6s var(--ease-out-expo) forwards;opacity:0;transform:translateY(20px);will-change:transform,opacity}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.animate-slide-left{animation:slideFromLeft .4s cubic-bezier(.16,1,.3,1) forwards;transform:translate(-100%);will-change:transform}@keyframes slideFromLeft{to{transform:translate(0)}}.library-drawer-enter{transform:translate(-100%);opacity:0}.library-drawer-enter-active{transform:translate(0);opacity:1;transition:transform .6s var(--ease-out-expo),opacity .6s var(--ease-out-expo)}.library-drawer-exit{transform:translate(0);opacity:1}.library-drawer-exit-active{transform:translate(-100%);opacity:0;transition:transform .5s var(--ease-out-expo),opacity .5s var(--ease-out-expo)}.drawer-overlay-exit-active{opacity:0;transition:opacity .4s var(--ease-premium)}.modal-fade-enter{opacity:0;transform:scale(.98) translateY(10px)}.modal-fade-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all .4s var(--ease-out-expo)}.modal-fade-exit{opacity:1;transform:scale(1) translateY(0)}.modal-fade-exit-active{opacity:0;transform:scale(.98) translateY(10px);transition:all .3s var(--ease-out-expo)}.dropdown-fade-enter{opacity:0;transform:translateY(-5px) scale(.98)}.dropdown-fade-enter-active{opacity:1;transform:translateY(0) scale(1);transition:all .2s var(--ease-out-expo)}.dropdown-fade-exit{opacity:1;transform:translateY(0) scale(1)}.dropdown-fade-exit-active{opacity:0;transform:translateY(-5px) scale(.98);transition:all .15s var(--ease-out-expo)}.toast-enter{opacity:0;transform:translate(-50%,-20px)}.toast-enter-active{opacity:1;transform:translate(-50%);transition:all .4s var(--ease-elastic)}.toast-exit{opacity:1;transform:translate(-50%)}.toast-exit-active{opacity:0;transform:translate(-50%,-10px) scale(.95);transition:all .3s var(--ease-out-expo)}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.animate-float-slow{animation:floatSlow 12s ease-in-out infinite}@keyframes floatMedium{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.animate-float-medium{animation:floatMedium 7s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 20px #f9731633}}.animate-pulse-slow{animation:pulseGlow 4s infinite}@keyframes textGlowPulse{0%,to{text-shadow:0 0 10px rgba(249,115,22,0);opacity:.9}50%{text-shadow:0 0 20px rgba(249,115,22,.5);opacity:1}}.animate-text-glow{animation:textGlowPulse 3s ease-in-out infinite}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 0 10px var(--primary-glow);margin-top:-6px;transition:transform .2s var(--ease-out-expo);position:relative;z-index:10}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff1a;border-radius:2px;transition:background .3s;.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe-top{padding-top:env(safe-area-inset-top)}.min-h-dvh{min-height:100dvh}}input[type=range]:hover::-webkit-slider-runnable-track{background:#ffffff26}img{-webkit-user-drag:none;user-select:none}.drawer-overlay-enter{opacity:0}.drawer-overlay-enter-active{opacity:1;transition:opacity .5s var(--ease-premium)}.drawer-overlay-exit{opacity:1}.drawer-overlay-exit-active{opacity:0;transition:opacity .5s var(--ease-premium)}.library-drawer-enter{transform:translate(100%)}.library-drawer-enter-active{transform:translate(0);transition:transform .6s var(--ease-premium)}.library-drawer-exit{transform:translate(0)}.library-drawer-exit-active{transform:translate(100%);transition:transform .6s var(--ease-premium)}.mobile-menu-enter{transform:translate(-100%);opacity:0}.mobile-menu-enter-active{transform:translate(0);opacity:1;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}.animate-marquee:hover{animation-play-state:paused}.mask-fade-sides{mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.mobile-menu-exit{transform:translate(0);opacity:1}.mobile-menu-exit-active{transform:translate(-100%);opacity:0;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo)}.grecaptcha-badge{visibility:hidden!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes bump{0%,to{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.animate-bump{animation:bump .4s cubic-bezier(.175,.885,.32,1.275)}.stripe-loading-backdrop{background:radial-gradient(circle at center,#0f0f13cc,#050508);backdrop-filter:blur(40px) saturate(150%)}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.animate-infinite-scroll{animation:infinite-scroll 60s linear infinite;display:flex;width:max-content}.hover-lift{transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #0006}.animate-infinite-scroll:hover{animation-play-state:paused}