@import"https://cdn.tailwindcss.com";html{scroll-behavior:smooth}@layer base{*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:#f9fafb;background-color:#0f172a;min-height:100vh}a{text-decoration:none;color:inherit}a:visited{color:inherit}:root{--black: #000}}@layer components{.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200 shadow-lg hover:shadow-xl transform hover:scale-105;}.btn-secondary{@apply bg-transparent hover:bg-slate-700 text-gray-300 font-semibold py-3 px-6 rounded-lg border border-slate-600 transition-colors duration-200;}.input-field{@apply w-full px-4 py-3 border border-slate-600 bg-slate-700 text-white rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all duration-200;}.glow:after{content:"";position:absolute;inset:calc(-1 * var(--glowingeffect-border-width, 1px));border:var(--glowingeffect-border-width, 1px) solid transparent;background:var(--gradient);background-attachment:fixed;border-radius:inherit;opacity:var(--active, 0);transition:opacity .3s;mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start, 0) - var(--spread, 20)) * 1deg),transparent 0deg,white,transparent calc(var(--spread, 20) * 2deg));mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start, 0) - var(--spread, 20)) * 1deg),transparent 0deg,white,transparent calc(var(--spread, 20) * 2deg));-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:intersect}.animated-grid{position:absolute;inset:0;height:100%;width:100%;opacity:.4;background-image:linear-gradient(rgba(99,102,241,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.1) 1px,transparent 1px);background-size:60px 60px;animation:grid 25s linear infinite}.animated-grid-dark{position:absolute;inset:0;height:100%;width:100%;opacity:.2;background-image:linear-gradient(rgba(0,0,0,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.3) 1px,transparent 1px);background-size:40px 40px;animation:grid-pulse 30s ease-in-out infinite}.magic-grid{position:absolute;inset:0;height:100%;width:100%;opacity:.3;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px;animation:magic-grid 20s linear infinite}}@keyframes grid{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes grid-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}@keyframes magic-grid{0%{transform:translate(-50px) translateY(-50px)}to{transform:translate(0) translateY(0)}}@keyframes grid-move{0%{transform:translate(-50px) translateY(-50px)}to{transform:translate(0) translateY(0)}}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin-around{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@layer utilities{.animate-shimmer-slide{animation:shimmer-slide 3s linear infinite}.animate-spin-around{animation:spin-around 3s linear infinite}.animate-marquee{animation:marquee var(--duration) linear infinite}.animate-marquee-vertical{animation:marquee-vertical var(--duration) linear infinite}}.marquee-container{width:100%;overflow:hidden}.marquee-content{display:flex;white-space:nowrap;will-change:transform}@keyframes scroll-horizontal{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}