@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.relative{position:relative}.container{width:100%}.flex{display:flex}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@layer base{:root{--bg-color:#f8fafc;--surface-color:#ffffffd9;--border-color:#00008b14;--text-main:#0f172a;--text-muted:#475569;--accent-primary:#fa0;--accent-secondary:#00008b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--accent-secondary);font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}::selection{color:#00008b;background:#ffaa004d}}@layer utilities{.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#01c 0%,#00008b 50%,#fa0 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:5s infinite gradient-shift}.text-gradient-orange{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fa0 0%,#ff6b00 50%,#fa0 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);border:1px solid #fff9;border-radius:24px;padding:2rem;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #00008b14,0 2px 8px #00008b0a,inset 0 1px #fffc}.glass-card:before{content:"";-webkit-mask-composite:xor;opacity:0;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#fa06,#00008b33,#ffaa001a);border-radius:24px;padding:1.5px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 60px #00008b1f,0 10px 20px #ffaa001a,inset 0 1px #ffffffe6}.glass-card:hover:before{opacity:1}.gradient-border-card{background:#ffffffe6;border-radius:24px;position:relative;overflow:hidden}.gradient-border-card:before{content:"";-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#fa0,#00008b,#fa0) 0 0/200% 200%;border-radius:24px;padding:2px;animation:4s linear infinite gradient-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.875rem 2rem;font-family:Outfit,sans-serif;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{color:#fff;background:linear-gradient(135deg,#fa0 0%,#ff8c00 50%,#fa0 100%) 0 0/200% 200%;animation:3s infinite gradient-shift;box-shadow:0 8px 25px #fa06,0 4px 10px #ff8c0033}.btn-primary:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 15px 40px #ffaa0080,0 8px 20px #ff8c004d}.btn-outline{color:var(--accent-secondary);border:2px solid var(--accent-secondary);z-index:1;background:0 0;position:relative}.btn-outline:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#00008b,#01c);border-radius:50px;transition:opacity .4s;position:absolute;inset:0}.btn-outline:hover{color:#fff;border-color:#0000;transform:translateY(-4px)scale(1.05);box-shadow:0 15px 30px #00008b4d}.btn-outline:hover:after{opacity:1}.glow-orange{box-shadow:0 0 60px #ffaa004d}.glow-blue{box-shadow:0 0 60px #00008b33}.float{animation:6s ease-in-out infinite float}.float-delayed{animation:6s ease-in-out 3s infinite float}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.fade-in-up{opacity:0;animation:.8s forwards fade-in-up;transform:translateY(30px)}.fade-in-up-delay-1{animation-delay:.1s}.fade-in-up-delay-2{animation-delay:.2s}.fade-in-up-delay-3{animation-delay:.3s}.fade-in-up-delay-4{animation-delay:.4s}.scale-in{opacity:0;animation:.6s forwards scale-in;transform:scale(.9)}.slide-in-left{opacity:0;animation:.8s forwards slide-in-left;transform:translate(-50px)}.slide-in-right{opacity:0;animation:.8s forwards slide-in-right;transform:translate(50px)}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}.icon-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.icon-hover:hover{transform:scale(1.15)rotate(5deg)}.btn-gradient-border{z-index:1;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:50px;position:relative}.btn-gradient-border:before{content:"";z-index:-1;background:linear-gradient(135deg,#fa0,#00008b,#fa0) 0 0/200% 200%;border-radius:50px;animation:3s infinite gradient-shift;position:absolute;inset:-2px}.stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00008b,#01c,#fa0) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}.magnetic{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:linear-gradient(#fa0,#00008b);border:2px solid #f8fafc;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff8c00,#00006b)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes gradient-rotate{0%{background-position:0%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fa06,0 0 40px #fa03}50%{box-shadow:0 0 40px #fa09,0 0 60px #ffaa004d}}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes scale-in{to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{to{opacity:1;transform:translate(0)}}@keyframes shimmer{to{left:100%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}