.hero {position: relative;height: 100vh;background:radial-gradient(circle at 20% 30%, rgba(108, 61, 255, 0.15) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(255, 77, 166, 0.1) 0%, transparent 50%),linear-gradient(45deg, #0a0612 0%, #0e0820 100%);overflow: hidden;display: flex;align-items: center;justify-content: center;isolation: isolate;}.cyber-grid-bg {position: absolute;width: 100%;height: 100%;z-index: 1;}.grid-layer {position: absolute;width: 100%;height: 100%;background-image:linear-gradient(rgba(108, 61, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(108, 61, 255, 0.03) 1px, transparent 1px);background-size: 40px 40px;}.grid-2 {background-size: 80px 80px;animation: grid-scroll 20s linear infinite;}.grid-3 {background-size: 160px 160px;animation: grid-scroll 40s linear infinite reverse;}.pulse-ring {position: absolute;top: 50%;left: 50%;width: 1000px;height: 1000px;border: 1px solid rgba(108, 61, 255, 0.2);border-radius: 50%;transform: translate(-50%, -50%);animation: pulse-ring 3s ease-out infinite;}.delay-1 { animation-delay: 1s; }.delay-2 { animation-delay: 2s; }.particles-container {position: absolute;width: 100%;height: 100%;z-index: 2;}.hologram-effect {position: absolute;width: 100%;height: 100%;pointer-events: none;z-index: 3;}.hologram-line {position: absolute;width: 100%;height: 1px;background: linear-gradient(90deg,transparent 0%,#6c3dff 50%,transparent 100%);opacity: 0.3;}.line-1 { top: 30%; animation: scan-line 4s linear infinite; }.line-2 { top: 50%; animation: scan-line 3s linear infinite reverse; }.line-3 { top: 70%; animation: scan-line 5s linear infinite; }.hero-core {position: relative;z-index: 10;text-align: center;width: 100%;max-width: 1200px;padding: 0 2rem;}.neon-sign-wrapper {margin-bottom: 3rem;}.neon-frame {position: relative;display: inline-block;padding: 2rem 4rem;border: 2px solid rgba(108, 61, 255, 0.3);background: rgba(16, 10, 32, 0.4);backdrop-filter: blur(10px);}.neon-corner {position: absolute;width: 20px;height: 20px;border: 2px solid #6c3dff;}.tl { top: -1px; left: -1px; border-right: none; border-bottom: none; }.tr { top: -1px; right: -1px; border-left: none; border-bottom: none; }.bl { bottom: -1px; left: -1px; border-right: none; border-top: none; }.br { bottom: -1px; right: -1px; border-left: none; border-top: none; }.neon-title {font-size: 5rem;font-weight: 900;text-transform: uppercase;letter-spacing: 8px;position: relative;margin-bottom: 1rem;}.neon-text {color: transparent;background: linear-gradient(45deg, #6c3dff, #ff4da6, #00ff88);background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 0 0 30px rgba(108, 61, 255, 0.5);}.neon-glow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: inherit;filter: blur(30px);opacity: 0.3;z-index: -1;}.neon-subtitle {font-size: 1.2rem;color: rgba(255, 255, 255, 0.7);letter-spacing: 4px;text-transform: uppercase;}.cyber-tagline {display: inline-flex;align-items: center;gap: 1rem;margin-bottom: 3rem;padding: 1rem 2rem;background: rgba(16, 10, 32, 0.6);border: 1px solid rgba(108, 61, 255, 0.2);border-radius: 50px;}.tagline-track {overflow: hidden;}.tagline-slide {display: flex;gap: 0.5rem;}.tagline-word {font-size: 1.4rem;color: #fff;opacity: 0;animation: word-reveal 0.5s forwards;}.tagline-word[data-delay="0"] { animation-delay: 0.5s; }.tagline-word[data-delay="1"] { animation-delay: 1s; }.tagline-word[data-delay="2"] { animation-delay: 1.5s; }.tagline-word[data-delay="3"] { animation-delay: 2s; }.tagline-cursor {font-size: 1.8rem;color: #00ff88;animation: blink 1s infinite;}.live-stats {display: flex;justify-content: center;gap: 2rem;margin-bottom: 3rem;}.stat-card {position: relative;padding: 1.5rem 2rem;background: rgba(16, 10, 32, 0.7);border: 1px solid rgba(108, 61, 255, 0.3);border-radius: 12px;min-width: 180px;display: flex;align-items: center;gap: 1rem;transition: all 0.3s ease;}.stat-card:hover {border-color: #6c3dff;transform: translateY(-5px);box-shadow: 0 10px 30px rgba(108, 61, 255, 0.2);}.stat-icon {font-size: 2rem;color: #6c3dff;}.stat-value {font-size: 2.5rem;font-weight: bold;color: #00ff88;font-family: 'Courier New', monospace;}.stat-label {font-size: 0.9rem;color: rgba(255, 255, 255, 0.7);text-transform: uppercase;letter-spacing: 1px;}.stat-pulse {position: absolute;top: -5px;right: -5px;width: 10px;height: 10px;background: #00ff88;border-radius: 50%;animation: pulse 1.5s infinite;}.hero-actions {display: flex;justify-content: center;gap: 1rem;margin-bottom: 3rem;}.games-ticker {position: relative;width: 100%;height: 60px;margin-bottom: 4rem;overflow: hidden;border-top: 1px solid rgba(108, 61, 255, 0.2);border-bottom: 1px solid rgba(108, 61, 255, 0.2);}.ticker-track {display: flex;width: max-content;animation: ticker-scroll 20s linear infinite;}.ticker-content {display: flex;gap: 3rem;padding: 1rem 2rem;}.ticker-item {font-size: 1.4rem;color: rgba(255, 255, 255, 0.8);text-transform: uppercase;letter-spacing: 2px;transition: color 0.3s ease;}.ticker-item:hover {color: #6c3dff;}.ticker-divider {color: rgba(108, 61, 255, 0.5);}.ticker-scanner {position: absolute;top: 0;left: 0;width: 100px;height: 100%;background: linear-gradient(90deg,transparent,rgba(108, 61, 255, 0.1),transparent);animation: scanner-sweep 3s linear infinite;}.scroll-guide {position: absolute;bottom: 3rem;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 0.5rem;}.guide-line {width: 1px;height: 40px;background: linear-gradient(transparent, #6c3dff, transparent);}.guide-text {font-size: 0.8rem;color: rgba(255, 255, 255, 0.5);text-transform: uppercase;letter-spacing: 2px;margin-bottom: 0.5rem;}.guide-arrow {animation: arrow-bounce 2s infinite;}.interactive-effects {position: absolute;width: 100%;height: 100%;pointer-events: none;z-index: 5;}.data-stream {position: absolute;bottom: 20%;left: 5%;transform: rotate(-30deg);}.stream-line {width: 300px;height: 1px;background: linear-gradient(90deg,transparent,#00ff88,transparent);margin-bottom: 0.5rem;}.stream-data {font-family: 'Courier New', monospace;color: rgba(0, 255, 136, 0.5);font-size: 0.8rem;display: flex;gap: 1rem;animation: data-stream 10s linear infinite;}.radar-scan {position: absolute;top: 20%;right: 10%;width: 200px;height: 200px;border: 1px solid rgba(108, 61, 255, 0.3);border-radius: 50%;overflow: hidden;}.radar-scan::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: conic-gradient(from 0deg,transparent,rgba(108, 61, 255, 0.1),transparent 30%);animation: radar-rotate 4s linear infinite;}@keyframes grid-scroll {from { background-position: 0 0; }to { background-position: 100px 100px; }}@keyframes pulse-ring {0% {transform: translate(-50%, -50%) scale(0.8);opacity: 1;}100% {transform: translate(-50%, -50%) scale(1.2);opacity: 0;}}@keyframes scan-line {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}@keyframes word-reveal {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}@keyframes blink {0%, 100% { opacity: 1; }50% { opacity: 0.3; }}@keyframes ticker-scroll {0% { transform: translateX(0); }100% { transform: translateX(-50%); }}@keyframes scanner-sweep {0% { left: -100px; }100% { left: 100%; }}@keyframes arrow-bounce {0%, 100% { transform: translateY(0); }50% { transform: translateY(10px); }}@keyframes data-stream {0% { transform: translateX(-100%); }100% { transform: translateX(100%); }}@keyframes radar-rotate {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}@keyframes pulse {0% { opacity: 0.6; transform: scale(0.95); }50% { opacity: 1; transform: scale(1.1); }100% { opacity: 0.6; transform: scale(0.95); }}@keyframes word-reveal-mobile {from {opacity: 0;transform: translateY(5px);}to {opacity: 1;transform: translateY(0);}}@keyframes pulse-ring-mobile {0% {transform: translate(-50%, -50%) scale(0.7);opacity: 0.8;}100% {transform: translate(-50%, -50%) scale(1);opacity: 0;}}@keyframes ticker-scroll-mobile {0% { transform: translateX(0); }100% { transform: translateX(-33%); }}@keyframes scanner-sweep-mobile {0% { left: -60px; }100% { left: 100%; }}@keyframes arrow-bounce-mobile {0%, 100% { transform: translateY(0); }50% { transform: translateY(5px); }}@media (max-width: 768px) {.hero {height: 100dvh;padding: 0 1rem;background:radial-gradient(circle at 10% 20%, rgba(108, 61, 255, 0.1) 0%, transparent 40%),radial-gradient(circle at 90% 80%, rgba(255, 77, 166, 0.08) 0%, transparent 40%),linear-gradient(45deg, #0a0612 0%, #0e0820 100%);}.cyber-grid-bg {transform: scale(1.2);}.grid-layer {background-size: 30px 30px;}.grid-2 {background-size: 60px 60px;animation: grid-scroll 30s linear infinite;}.grid-3 {display: none;}.pulse-ring,.pulse-ring.delay-1,.pulse-ring.delay-2 {width: 300px;height: 300px;animation: pulse-ring-mobile 4s ease-out infinite;}.hologram-effect {opacity: 0.5;}.hologram-line {height: 0.5px;}.line-2, .line-3 {display: none;}.hero-core {padding: 1rem;width: 100%;}.neon-sign-wrapper {margin-bottom: 2rem;padding: 0 1rem;}.neon-frame {padding: 1.5rem 2rem;border-width: 1px;background: rgba(16, 10, 32, 0.7);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}.neon-corner {width: 12px;height: 12px;border-width: 1px;}.neon-title {font-size: 2.5rem;letter-spacing: 4px;margin-bottom: 0.5rem;line-height: 1.2;}.neon-subtitle {font-size: 0.9rem;letter-spacing: 2px;}.cyber-tagline {flex-direction: column;gap: 0.5rem;padding: 0.8rem 1.5rem;margin-bottom: 2rem;max-width: 90%;margin-left: auto;margin-right: auto;}.tagline-slide {flex-wrap: wrap;justify-content: center;gap: 0.3rem;}.tagline-word {font-size: 1rem;animation: word-reveal-mobile 0.4s forwards;}.tagline-word[data-delay="0"] { animation-delay: 0.3s; }.tagline-word[data-delay="1"] { animation-delay: 0.6s; }.tagline-word[data-delay="2"] { animation-delay: 0.9s; }.tagline-word[data-delay="3"] { animation-delay: 1.2s; }.tagline-cursor {display: none;}.live-stats {flex-direction: column;gap: 1rem;margin-bottom: 2rem;width: 100%;max-width: 300px;margin-left: auto;margin-right: auto;}.stat-card {padding: 1rem 1.5rem;min-width: auto;width: 100%;gap: 0.8rem;}.stat-icon {font-size: 1.5rem;min-width: 40px;}.stat-value {font-size: 2rem;}.stat-label {font-size: 0.8rem;letter-spacing: 0.5px;}.hero-actions {flex-direction: column;gap: 1rem;margin-bottom: 2rem;width: 100%;max-width: 300px;margin-left: auto;margin-right: auto;}.games-ticker {height: 50px;margin-bottom: 3rem;border-width: 0.5px;mask-image: linear-gradient( to right,transparent 0%,black 10%,black 90%,transparent 100%);}.ticker-track {animation: ticker-scroll-mobile 15s linear infinite;}.ticker-content {gap: 1.5rem;padding: 0.8rem 1rem;}.ticker-item {font-size: 0.9rem;letter-spacing: 1px;white-space: nowrap;}.ticker-divider {font-size: 0.8rem;}.ticker-scanner {width: 60px;animation: scanner-sweep-mobile 2s linear infinite;}.scroll-guide {bottom: 2rem;}.guide-line {height: 30px;}.guide-text {font-size: 0.7rem;letter-spacing: 1px;text-align: center;max-width: 200px;line-height: 1.2;}.guide-arrow {animation: arrow-bounce-mobile 2s infinite;}.interactive-effects {display: none;}.particles-container {opacity: 0.3;}.stat-card {-webkit-tap-highlight-color: transparent;touch-action: manipulation;}.hero-core {-webkit-overflow-scrolling: touch;}.hero {transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000px;}.neon-glow,.btn-glow,.btn-sparks {filter: none !important;}.neon-text {background: linear-gradient(45deg, #6c3dff, #ff4da6);background-clip: text;-webkit-text-fill-color: transparent;}.stat-card:active {transform: scale(0.98);transition: transform 0.1s ease;}}@media (max-width: 480px) {.hero {padding: 0 0.5rem;justify-content: flex-start;padding-top: 20vh;}.neon-frame {padding: 1rem 1.5rem;}.neon-title {font-size: 2rem;letter-spacing: 3px;}.neon-subtitle {font-size: 0.8rem;}.cyber-tagline {padding: 0.6rem 1rem;border-radius: 25px;}.tagline-word {font-size: 0.9rem;}.stat-card {padding: 0.8rem 1.2rem;}.stat-value {font-size: 1.8rem;}.stat-label {font-size: 0.75rem;}.games-ticker {height: 40px;}.ticker-item {font-size: 0.8rem;}.scroll-guide {bottom: 1.5rem;}}@media (max-height: 600px) and (orientation: landscape) {.hero {height: auto;min-height: 100vh;padding: 2rem 1rem;}.hero-core {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto auto;gap: 1.5rem;align-items: center;}.neon-sign-wrapper {grid-column: 1 / -1;margin-bottom: 1rem;}.cyber-tagline {grid-column: 1 / -1;margin-bottom: 1rem;}.live-stats {grid-column: 1;flex-direction: row;justify-content: flex-start;margin-bottom: 0;}.hero-actions {grid-column: 2;margin-bottom: 0;justify-content: flex-end;}.games-ticker {grid-column: 1 / -1;margin-bottom: 1rem;}.scroll-guide {grid-column: 1 / -1;position: relative;bottom: auto;margin-top: 1rem;}}@media (min-width: 769px) and (max-width: 1024px) {.hero {padding: 0 2rem;}.neon-title {font-size: 3.5rem;}.live-stats {flex-direction: row;flex-wrap: wrap;max-width: 600px;}.stat-card {flex: 1;min-width: 180px;}.hero-actions {flex-direction: row;max-width: 500px;}}@supports (-webkit-touch-callout: none) {.hero {min-height: -webkit-fill-available;}}@supports (padding: max(0px)) {.hero {padding-left: max(1rem, env(safe-area-inset-left));padding-right: max(1rem, env(safe-area-inset-right));padding-top: max(1rem, env(safe-area-inset-top));padding-bottom: max(1rem, env(safe-area-inset-bottom));}}@media (prefers-color-scheme: dark) {.hero {background:radial-gradient(circle at 20% 30%, rgba(108, 61, 255, 0.2) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(255, 77, 166, 0.15) 0%, transparent 50%),linear-gradient(45deg, #080410 0%, #0c0618 100%);}.neon-frame {background: rgba(10, 6, 18, 0.8);}.stat-card {background: rgba(10, 6, 18, 0.8);}}