*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0e27;color:#fff;overflow-x:hidden}#app{min-height:100vh}:root{--color-cyan: #00D9FF;--color-rose: #FF6B9D;--color-yellow: #FFD700;--color-bg-dark: #0A0E27;--color-bg-card: #1A2332;--color-bg-hover: #242A3F;--color-text-primary: #FFFFFF;--color-text-secondary: #8A92A6;--color-text-muted: #5A5F73;--color-success: #00FF88;--color-warning: #FFA500;--color-error: #FF4444;--font-primary: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Orbitron", "Courier New", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-background: -1;--z-base: 1;--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 2000}.gradient-cyan-rose{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-rose) 100%)}.gradient-border{border:2px solid transparent;background-image:linear-gradient(var(--color-bg-card),var(--color-bg-card)),linear-gradient(135deg,var(--color-cyan),var(--color-rose));background-origin:border-box;background-clip:padding-box,border-box}.text-gradient{background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:50px 50px}}.animated-grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(180deg,#0a0e27,#0f1435,#0a0e27);background-size:50px 50px,50px 50px,100% 100%;animation:grid-scroll 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{position:fixed;bottom:0;left:0;width:100%;height:40px;background:#0a0e27e6;border-top:1px solid rgba(0,217,255,.2);overflow:hidden;z-index:var(--z-dropdown, 100)}.marquee-content{display:flex;gap:48px;animation:marquee 60s linear infinite;white-space:nowrap}@keyframes rotate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-border-animated{position:relative;border-radius:var(--radius-lg, 12px);padding:2px;background:linear-gradient(135deg,var(--color-cyan, #00D9FF) 0%,var(--color-rose, #FF6B9D) 50%,var(--color-cyan, #00D9FF) 100%);background-size:200% 200%;animation:rotate-gradient 3s ease infinite}.gradient-border-animated-inner{background:var(--color-bg-card, #1A2332);border-radius:var(--radius-lg, 12px);width:100%;height:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .5s ease-out forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}@keyframes slide-in-up{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slide-in-up .4s cubic-bezier(.16,1,.3,1) forwards}.hover-lift{transition:transform var(--transition-base, .3s ease),box-shadow var(--transition-base, .3s ease)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00d9ff33,0 0 40px #00d9ff1a}@keyframes glow{0%,to{box-shadow:0 0 20px #00d9ff80}50%{box-shadow:0 0 40px #00d9ffcc}}.glow{animation:glow 2s ease-in-out infinite}@keyframes typing{0%,to{opacity:.3}50%{opacity:1}}.typing-dot{display:inline-block;width:8px;height:8px;background:var(--color-cyan, #00D9FF);border-radius:50%;margin:0 2px;animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}