*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#fff;overflow-x:hidden;min-height:100vh}.app{position:relative;min-height:100vh;z-index:1}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:2}.glass-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d}.glass-card-gradient{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(255,0,255,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:20px;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(45deg,#e3df22,#33539a,#55ac93);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.neon-glow{text-shadow:0 0 20px rgba(227,223,34,.5)}.neon-glow-blue{text-shadow:0 0 20px rgba(51,83,154,.5)}.neon-glow-teal{text-shadow:0 0 20px rgba(85,172,147,.5)}@media (max-width: 767px){.container{padding:15px 10px;max-width:100%}body{font-size:14px}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:20px 15px;max-width:100%}body{font-size:15px}}@media (min-width: 1024px){.container{padding:20px;max-width:1200px}}