Redirecting to VECTRA...

position: fixed; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,0.6) 100%); } /* Scan Lines (subtle CRT effect) */ .scanlines { position: fixed; inset: 0; z-index: 3; pointer-events: none; background: repeating-linear-gradient( 0deg, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 2px ); opacity: 0.3; } /* Noise Overlay */ .noise { position: fixed; inset: 0; z-index: 4; pointer-events: none; opacity: 0.02; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E"); } /* Top Gradient Bar */ .top-gradient { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 10; background: linear-gradient(90deg, transparent 0%, #00d4aa 20%, #00ffd5 50%, #00d4aa 80%, transparent 100% ); opacity: 0; animation: gradientReveal 1s ease 0.5s forwards; } @keyframes gradientReveal { from { opacity: 0; transform: scaleX(0); } to { opacity: 1; transform: scaleX(1); } } /* Bottom Content */ .bottom-content { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; padding: 2rem 3rem; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); } .bottom-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end; } /* Brand Info */ .brand-info { opacity: 0; animation: slideUp 0.8s ease 3s forwards; } .brand-name { font-size: 1.5rem; font-weight: 700; letter-spacing: 0.3em; color: #ffffff; margin-bottom: 0.5rem; } .brand-tagline { font-size: 0.8rem; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.15em; text-transform: uppercase; } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Loading Bar */ .loading-section { text-align: right; opacity: 0; animation: slideUp 0.8s ease 3.2s forwards; } .loading-bar-container { width: 200px; margin-bottom: 0.5rem; } .loading-bar { height: 2px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; } .loading-progress { height: 100%; width: 0%; background: linear-gradient(90deg, #00d4aa, #00ffd5); border-radius: 10px; box-shadow: 0 0 15px rgba(0, 212, 170, 0.5); animation: loadProgress 2.5s cubic-bezier(0.4, 0, 0.2, 1) 3.5s forwards; } @keyframes loadProgress { 0% { width: 0%; } 100% { width: 100%; } } .loading-text { display: flex; justify-content: space-between; font-size: 0.65rem; color: rgba(255, 255, 255, 0.4); letter-spacing: 0.1em; } .loading-percent { color: #00d4aa; font-weight: 600; } /* Version Badges */ .version-badges { position: fixed; top: 2rem; right: 2rem; z-index: 10; display: flex; gap: 0.5rem; opacity: 0; animation: slideUp 0.8s ease 2.5s forwards; } .version-item { padding: 0.35rem 0.75rem; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 100px; font-size: 0.65rem; color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); } .version-item.teal { border-color: rgba(0, 212, 170, 0.3); color: #00d4aa; } .version-item.gold { border-color: rgba(251, 191, 36, 0.3); color: #fbbf24; } /* Corner Frames */ .corner { position: fixed; width: 60px; height: 60px; z-index: 10; opacity: 0; animation: cornerReveal 0.6s ease 1s forwards; } .corner::before, .corner::after { content: ''; position: absolute; background: rgba(0, 212, 170, 0.4); } .corner-tl { top: 2rem; left: 2rem; } .corner-tl::before { width: 100%; height: 1px; top: 0; left: 0; } .corner-tl::after { width: 1px; height: 100%; top: 0; left: 0; } .corner-tr { top: 2rem; right: 2rem; } .corner-tr::before { width: 100%; height: 1px; top: 0; right: 0; } .corner-tr::after { width: 1px; height: 100%; top: 0; right: 0; } .corner-bl { bottom: 2rem; left: 2rem; } .corner-bl::before { width: 100%; height: 1px; bottom: 0; left: 0; } .corner-bl::after { width: 1px; height: 100%; bottom: 0; left: 0; } .corner-br { bottom: 2rem; right: 2rem; } .corner-br::before { width: 100%; height: 1px; bottom: 0; right: 0; } .corner-br::after { width: 1px; height: 100%; bottom: 0; right: 0; } @keyframes cornerReveal { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } /* Skip Button */ .skip-btn { position: fixed; bottom: 2rem; right: 2rem; z-index: 20; padding: 0.5rem 1rem; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: rgba(255, 255, 255, 0.6); font-family: 'Space Grotesk', sans-serif; font-size: 0.75rem; letter-spacing: 0.1em; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(10px); opacity: 0; animation: slideUp 0.5s ease 1.5s forwards; } .skip-btn:hover { background: rgba(0, 212, 170, 0.2); border-color: #00d4aa; color: #00d4aa; } /* Fade Out */ .splash-screen { position: fixed; inset: 0; z-index: 9999; background: #000; transition: opacity 1s ease, visibility 1s ease; } .splash-screen.fade-out { opacity: 0; visibility: hidden; } /* Responsive */ @media (max-width: 768px) { .bottom-inner { flex-direction: column; align-items: flex-start; gap: 1.5rem; } .loading-section { text-align: left; width: 100%; } .loading-bar-container { width: 100%; } .version-badges { top: 1rem; right: 1rem; } .corner { width: 40px; height: 40px; } .skip-btn { bottom: auto; top: 1rem; right: auto; left: 1rem; } }
Hyperliquid v9.24 Money Printer v8.0
VECTRA
Precision Trading Platform
INITIALIZING SYSTEMS 0%