@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Outfit,sans-serif;background-color:#eff6ff;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(96,165,250,.1) 0px,transparent 50%);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2563eb}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.thin-scrollbar::-webkit-scrollbar{height:3px;width:3px}.thin-scrollbar::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background:#2563eb33;border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#2563eb99}.animate-enter{animation:enter .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}@keyframes enter{to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(15px) rotate(-2deg)}}.animate-float{animation:float-slow 6s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 7s ease-in-out infinite}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.perspective-grid{transform:perspective(500px) rotateX(60deg);animation:grid-move 4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-text-shimmer{background:linear-gradient(to right,#fff,#bfdbfe,#fff);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite}@keyframes letter-pop{0%{opacity:0;transform:translateY(100px) scale(.5)}60%{opacity:1;transform:translateY(-20px) scale(1.1)}80%{transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-letter-pop{display:inline-block;opacity:0;animation:letter-pop 1.2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes rubber-band{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.hover-rubber:hover{animation:rubber-band .8s ease-in-out;color:#dbeafe;text-shadow:0 0 20px rgba(255,255,255,.8)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.hover-wiggle:hover{animation:wiggle .4s ease-in-out infinite}.mouse-spotlight{background:radial-gradient(800px circle at var(--x) var(--y),rgba(255,255,255,.15),transparent 40%)}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translateY(-100vh) scale(1.5);opacity:0}}.particle{position:absolute;bottom:-20px;background:#fff;border-radius:50%;opacity:0;animation:float-up var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left);width:var(--size);height:var(--size)}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;border:3px solid #2563eb;cursor:pointer;box-shadow:0 2px 4px -1px #2563eb33;transition:all .2s ease;margin-top:-5px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #2563eb33}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#bfdbfe;border-radius:99px}.glass{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(239,246,255,.8);box-shadow:0 4px 6px -1px #2563eb0d,0 2px 4px -1px #2563eb08}