*{margin:0;padding:0;box-sizing:border-box}:root{--blue-dark: #00163b;--blue-light: #0012f6;--yellow: #ffe400;--red: #ff0000;--white: #ffffff;--black: #000000}body{font-family:Poppins,sans-serif;margin:0;padding:0;overflow-x:hidden;background:linear-gradient(180deg,var(--blue-light) 0%,var(--blue-dark) 100%);min-height:100vh}#root{min-height:100vh}.glass{background:#ffffff0d;backdrop-filter:blur(200px);-webkit-backdrop-filter:blur(200px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0012f64d,0 4px 16px #ffe40033,0 2px 8px #ff000026;position:relative}.glass:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;padding:2px;background:linear-gradient(135deg,#0012f64d,#ffe4004d,#ff00004d,#0012f64d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;filter:blur(200px)}.metallic-gradient{background:linear-gradient(135deg,#0012f64d,#ffe40040,#ff00004d,#00163b59,#0012f64d);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative}.metallic-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,228,0,.4) 40%,rgba(255,0,0,.3) 50%,rgba(0,18,246,.3) 60%,transparent 70%);background-size:200% 200%;animation:glossyReflection 5s ease-in-out infinite;border-radius:inherit;pointer-events:none;filter:blur(200px)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glossyReflection{0%,to{background-position:-200% -200%}50%{background-position:200% 200%}}@keyframes scrollHorizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.scroll-banner{background:var(--yellow);color:var(--black);font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;padding:15px 0;overflow:hidden;position:relative;height:60px;display:flex;align-items:center;white-space:nowrap}.scroll-content{display:flex;animation:scrollHorizontal 15s linear infinite;width:max-content}.scroll-item{padding:0 40px;white-space:nowrap}@media (max-width: 768px){.scroll-banner{font-size:1rem;padding:12px 0;height:50px}.scroll-item{padding:0 30px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--blue-dark)}::-webkit-scrollbar-thumb{background:var(--blue-light);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--yellow)}