@font-face {font-family: 'Plus Jakarta Sans';src: url('/fonts/PlusJakartaSans.woff2') format('woff2');font-weight: 200 800;font-style: normal;font-display: swap;}:root {--bg: #08072d;--surface: #121214;--accent: #2e6ac7;--accent-glow: rgb(70 112 255 / 30%);--text-primary: #ffffff;--text-secondary: #9ca3af;--glass: rgba(255, 255, 255, 0.03);--border: rgba(255, 255, 255, 0.08);--max-w: 900px;}* {margin: 0;padding: 0;box-sizing: border-box;}body {background-color: #000;color: var(--text-primary);font-family: 'Plus Jakarta Sans', sans-serif;line-height: 1.6;display: flex;justify-content: center;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.app-container {width: 100%;max-width: var(--max-w);background: var(--bg);min-height: 100vh;position: relative;box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);border-left: 1px solid var(--border);border-right: 1px solid var(--border);overflow: hidden;}.hero {height: 200px;position: relative;background: url('/assets/hero.jpg');display: flex;align-items: center;justify-content: center;overflow: hidden;}.back-btn {position: absolute;top: 20px;left: 24px;z-index: 10;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.5);border: 1px solid var(--border);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;text-decoration: none;backdrop-filter: blur(10px);cursor: pointer;transition: 0.3s;}.back-btn:hover {background: var(--accent);border-color: var(--accent);}.hero-logo-overlay {position: absolute;opacity: 0.15;filter: brightness(1) blur(0.5px) saturate(1.5);object-fit: cover;z-index: 1;transform: rotate(25deg) scale(1.9);width: 450px;}.hero::after {content: '';position: absolute;inset: 0;background: linear-gradient(to bottom, transparent 10%, var(--bg) 100%);z-index: 2;}main {padding: 0 24px 60px;margin-top: -60px;position: relative;z-index: 3;}.header-info {display: flex;gap: 20px;align-items: flex-end;margin-bottom: 30px;}.app-icon {width: 120px;height: 120px;border-radius: 24px;background: var(--surface);border: 4px solid var(--bg);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);object-fit: cover;}.title-area h1 {font-size: 2rem;font-weight: 800;letter-spacing: -0.5px;text-transform: capitalize;}.meta-row {display: flex;align-items: center;gap: 12px;margin-top: 4px;}.developer {color: var(--accent);font-weight: bold;font-size: 0.9rem;text-transform: uppercase;filter: brightness(1.5) contrast(2.5);}.stats-bar {display: grid;grid-template-columns: repeat(3, 1fr);background: var(--glass);border: 1px solid var(--border);border-radius: 16px;padding: 20px;margin-bottom: 30px;text-align: center;}.stat-item b {display: block;font-size: 1.2rem;margin-bottom: 4px;}.stat-item span {font-size: 0.7rem;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 1px;display: flex;align-items: center;justify-content: center;gap: 6px;}.border-x {border-left: 1px solid var(--border);border-right: 1px solid var(--border);}.gallery {display: flex;gap: 12px;overflow-x: auto;margin: 0 -24px 30px;padding: 0 24px;scrollbar-width: none;}.gallery img {width: 280px;height: 160px;object-fit: cover;border-radius: 12px;flex-shrink: 0;border: 1px solid var(--border);}.description h2 {margin-bottom: 12px;font-size: 1.3rem;}.description p {color: #faf9ff;font-size: 1.1rem;margin-bottom: 40px;padding: 10px;border-radius: 15px;line-height: 2;}.features-list {list-style: none;padding: 0;margin: 0;}.features-list li {display: block;align-items: center;margin-bottom: 12px;font-size: 16px;color: #faf9ff;background: var(--border);padding: 12px;border-radius: 19px;}.features-list li::before {content: "\f058";font-family: "Font Awesome 7 Free";font-weight: 900;color: #4670FF;font-size: 18px;margin-right: 10px;}.download-area {position: sticky;bottom: 30px;z-index: 100;}.os-switch-dark {display: flex;flex-direction: column;align-items: center;padding: 20px;}.os-title {font-size: 14px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;color: var(--text-primary);margin-bottom: 14px;}.os-wrapper {display: inline-flex;gap: 6px;padding: 6px;background: var(--glass);border-radius: 14px;border: 1px solid rgba(255, 255, 255, 0.06);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);}.os-option input {display: none;}.os-btn {display: flex;align-items: center;gap: 8px;padding: 9px 18px;border-radius: 10px;font-size: 14px;font-weight: 500;color: var(--text-secondary);cursor: pointer;transition: all 0.25s ease;}.os-btn i {font-size: 16px;transition: 0.25s ease;}.fa-apple {color: #c9d1d9;}.fa-android {color: #3ddc84;}.os-btn:hover {color: #ffffff;}.os-option input:checked+.os-btn {background: linear-gradient(145deg, #24246b, #060e29);color: #ffffff;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 8px 20px rgba(0, 0, 0, 0.4);}.os-option input[value="ios"]:checked+.os-btn {box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 18px rgba(255, 255, 255, 0.08);}.os-option input[value="android"]:checked+.os-btn {box-shadow: 0 0 0 1px rgba(61, 220, 132, 0.4), 0 0 18px rgba(61, 220, 132, 0.25);}.os-warning {font-size: 13px;margin-bottom: 10px;color: #ff4d4f;opacity: 0;transform: translateY(-4px);transition: all 0.25s ease;pointer-events: none;text-align: center;}.os-warning.show {opacity: 1;transform: translateY(0);}.btn-main.disabled {opacity: 0.5;cursor: not-allowed;background-color: var(--accent);}.btn-main {width: 100%;padding: 18px;background: var(--accent);color: white;border: none;border-radius: 14px;font-size: 1.1rem;font-weight: 800;cursor: pointer;box-shadow: 0 10px 25px var(--accent-glow);transition: transform 0.2s, background 0.2s;display: flex;align-items: center;justify-content: center;gap: 10px;text-transform: uppercase;}.btn-main:active {transform: scale(0.98);}#install-container {display: none;background: var(--surface);padding: 24px;border-radius: 16px;border: 1px solid var(--border);}.status-text {font-size: 0.9rem;margin-bottom: 10px;color: var(--text-primary);font-weight: 600;}.progress-bg {height: 8px;background: #222;border-radius: 4px;overflow: hidden;}.progress-fill {height: 100%;width: 0%;background: var(--accent);transition: width 0.3s;}.verify-card {display: none;text-align: center;padding: 30px;background: #0a100d;border: 2px solid #238636;border-radius: 20px;animation: slideIn 0.5s ease;}@keyframes slideIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}@media (max-width: 600px) {.header-info {flex-direction: column;align-items: center;text-align: center;}.app-icon {margin-top: -60px;}.stats-bar {padding: 15px 5px;}.meta-row {display: block;}}footer {padding: 40px 0;text-align: center;color: #8b949e;font-size: 0.75rem;border-top: 1px solid rgba(255, 255, 255, 0.05);}.app-info-container {background-color: var(--glass);color: #ffffff;max-width: 800px;margin: 25px auto;border-radius: 15px;border: 2px solid var(--border);padding: 20px;}.section-title {font-size: 1.3rem;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #333;}.info-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 0;}.info-column {display: flex;flex-direction: column;}.right-side {border-left: 1px solid #333;padding-left: 25px;}.info-item {margin-bottom: 25px;}.info-item label {display: block;color: var(--text-secondary);font-size: 0.75rem;font-weight: bold;letter-spacing: 0.5px;margin-bottom: 8px;}.info-item p {color: #dbd5d6;margin: 0;font-size: 1rem;font-weight: 600;}@media (max-width: 600px) {.info-grid {grid-template-columns: 1fr;}.right-side {border-left: none;padding-left: 0;}}.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);overflow-y: auto;backdrop-filter: blur(8px);}.modal-content {background: #e7f4f5;margin: 20px auto;padding: 25px;border-radius: 16px;width: 90%;max-width: 500px;text-align: center;position: relative;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);}.close {position: absolute;right: 20px;top: 15px;font-size: 28px;cursor: pointer;color: #fff;z-index: 10;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);display: none;}.game-hero-container {position: relative;width: 100%;height: 160px;margin-bottom: 65px;border-radius: 12px;box-sizing: border-box;padding: 0px 14px;}.game-cover-img {width: 100%;height: 100%;object-fit: cover;border-radius: 12px;filter: brightness(1) blur(0.3px) hue-rotate(99deg);transform: scale(1.1);}.game-logo-img {position: absolute;bottom: -53px;left: 50%;transform: translateX(-50%);max-width: 100px;aspect-ratio: 1 / 1;height: auto;border-radius: 10px;border: 2px solid white;box-shadow: 0px 2px 3px #18354da6;transition: transform 0.3s;z-index: 5;}#modalTitle {margin: 10px 0 5px 0;font-size: 24px;color: #222;font-weight: 800;text-transform: uppercase;}#modalSize,#modalCount {color: #666;font-size: 0.9rem;font-weight: 600;display: inline-block;align-items: center;}#modalSize::after{content: "|";color: #ccc;}.instruction-text {background: #18354d;padding: 12px;border-radius: 8px;font-size: 13px;color: #f2f9ff;margin: 14px 0;border-left: 5px solid #287ec3;line-height: 1.4;}.offers {display: flex;flex-direction: column;gap: 10px;margin-bottom: 20px;}.offer-card {display: flex;align-items: center;background: #dde9e7;border: 1px solid #e0e0e0;border-radius: 10px;padding: 10px;text-align: left;transition: 0.2s;}.offer-card:hover {border-color: #2196f3;background: #f0f7ff;}.offer-card img {width: 45px;height: 45px;object-fit: cover;border-radius: 8px;margin-right: 12px;}.offer-info {flex-grow: 1;overflow: hidden;}.offer-title {font-size: 14px;font-weight: 700;color: #333;}.offer-adcopy {color: #2e7d32;font-size: 12px;font-weight: 600;}.offer-btn {padding: 8px 16px;background: #2196f3;color: white;border: none;border-radius: 6px;cursor: pointer;text-decoration: none;font-size: 12px;font-weight: bold;margin-left: 10px;}.instruction-btn {background: #0b6793;border: none;color: white;padding: 10px 20px;border-radius: 30px;font-size: 13px;font-weight: 700;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;transition: 0.3s;}#detailsContent {display: none;text-align: left;background: white;padding: 15px;border-radius: 12px;margin-top: 15px;font-size: 13px;color: #333;border: 1px dashed #2196f3;}#detailsContent ol li {font-weight: bold;}#detailsContent ol li::marker {font-weight: bold;color: #0b6793;}.verification-status {font-weight: 800;color: #0b6793;display: block;margin-top: 10px;text-align: center;font-size: 14px;}.dots::after {content: '';animation: ellipsis 1.5s infinite;}@keyframes ellipsis {0% {content: '';}25% {content: '.';}50% {content: '..';}75% {content: '...';}100% {content: '';}}@media(max-width: 480px) {.modal-content {width: 95%;padding: 15px;}.game-hero-container {height: 130px;}}