*,*::before,*::after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--gold)}.breadcrumb-wrap{background:var(--block);border-bottom:1px solid var(--border);padding:12px 0}.breadcrumb{margin:0}.breadcrumb-item a{color:var(--accent);font-size:0.85rem}.breadcrumb-item.active{color:var(--muted);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:var(--muted)}.btn-outline-gold{border:2px solid var(--gold);color:var(--gold);font-weight:700;padding:0.7rem 1.8rem;border-radius:8px;background:transparent;transition:background 0.2s,color 0.2s}.btn-outline-gold:hover{background:var(--gold);color:#06120d}.btn-outline-accent{border:2px solid var(--accent);color:var(--accent);font-weight:700;padding:0.7rem 1.8rem;border-radius:8px;background:transparent;transition:background 0.2s,color 0.2s}.btn-outline-accent:hover{background:var(--accent);color:#06120d}.page-hero{background:linear-gradient(135deg,#06120d 0%,#071a10 60%,#06120d 100%);padding:72px 0 64px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 40%,rgba(74,222,128,0.08) 0%,transparent 65%)}.page-hero h1{font-size:clamp(2rem,4.5vw,3rem);font-weight:900;line-height:1.15}.page-hero h1 span{color:var(--accent)}.page-hero .lead{color:var(--muted);font-size:1rem;max-width:500px}.tag-pill{display:inline-block;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.25);color:var(--accent);font-size:0.78rem;font-weight:600;padding:4px 12px;border-radius:20px;margin:3px}.tag-pill.gold{background:rgba(253,230,138,0.1);border-color:rgba(253,230,138,0.25);color:var(--gold)}.phone-mockup{width:220px;height:420px;background:var(--card);border:2px solid var(--accent);border-radius:36px;position:relative;margin:0 auto;box-shadow:0 0 60px rgba(74,222,128,0.15),0 24px 48px rgba(0,0,0,0.5);overflow:hidden}.phone-mockup::before{content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);width:60px;height:6px;background:var(--border);border-radius:3px}.phone-screen{position:absolute;inset:28px 8px 8px;background:linear-gradient(160deg,#0d2b1a,#06120d);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px}.phone-screen .ps-logo{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:900;color:var(--accent)}.phone-screen .ps-tag{font-size:0.65rem;color:var(--muted);text-align:center}.phone-screen .ps-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.phone-screen .ps-bar-fill{height:auto;width:72%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:3px}.phone-screen .ps-btn{width:100%;background:var(--accent);color:#06120d;font-size:0.7rem;font-weight:700;border:none;border-radius:8px;padding:7px;text-align:center}.phone-screen .ps-game-row{display:flex;gap:6px;width:100%}.phone-screen .ps-game-tile{flex:1;background:var(--block);border:1px solid var(--border);border-radius:8px;height:38px;display:flex;align-items:center;justify-content:center;font-size:0.6rem;color:var(--muted)}.dl-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px 24px;height:auto;transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s;position:relative;overflow:hidden}.dl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}.dl-card.android::before{background:linear-gradient(90deg,#4ade80,var(--secondary))}.dl-card.ios::before{background:linear-gradient(90deg,#fde68a,#f59e0b)}.dl-card.web::before{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.dl-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 16px 40px rgba(74,222,128,0.1)}.dl-card .os-icon{font-size:2.4rem;margin-bottom:1rem}.dl-card.android .os-icon{color:var(--accent)}.dl-card.ios .os-icon{color:var(--gold)}.dl-card.web .os-icon{color:#60a5fa}.dl-card h5{font-size:1.05rem;font-weight:800;margin-bottom:0.4rem}.dl-card p{color:var(--muted);font-size:0.87rem;line-height:1.65;margin-bottom:1.2rem}.dl-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(74,222,128,0.08);border:1px solid rgba(74,222,128,0.2);border-radius:6px;padding:4px 10px;font-size:0.75rem;color:var(--accent);margin:3px 3px 0 0}.dl-badge.gold{background:rgba(253,230,138,0.08);border-color:rgba(253,230,138,0.2);color:var(--gold)}.dl-badge.blue{background:rgba(96,165,250,0.08);border-color:rgba(96,165,250,0.2);color:#60a5fa}.section-block{background-color:var(--block);padding:72px 0}.section-plain{padding:72px 0}.section-title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;margin-bottom:0.4rem}.section-title span{color:var(--accent)}.section-subtitle{color:var(--muted);margin-bottom:2.2rem;font-size:0.95rem}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px 22px;height:auto;transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s}.feature-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 32px rgba(74,222,128,0.08)}.feature-card .icon{width:52px;height:52px;background:rgba(74,222,128,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--accent);margin-bottom:1rem}.feature-card .icon.gold{background:rgba(253,230,138,0.1);color:var(--gold)}.feature-card .icon.blue{background:rgba(96,165,250,0.1);color:#60a5fa}.feature-card h5{font-size:1rem;font-weight:700;margin-bottom:0.5rem}.feature-card p{color:var(--muted);font-size:0.88rem;margin:0;line-height:1.7}.step-item{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.step-item:last-child{margin-bottom:0}.step-num{width:44px;height:44px;background:rgba(74,222,128,0.12);border:1px solid rgba(74,222,128,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:800;font-size:1rem;flex-shrink:0}.step-item h6{font-size:0.95rem;font-weight:700;margin-bottom:4px}.step-item p{color:var(--muted);font-size:0.88rem;margin:0;line-height:1.6}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 16px;text-align:center}.stat-num{font-family:'Poppins',sans-serif;font-size:1.9rem;font-weight:900;color:var(--accent);line-height:1;margin-bottom:6px}.stat-label{color:var(--muted);font-size:0.8rem}.spec-table{width:100%;border-collapse:collapse}.spec-table tr{border-bottom:1px solid var(--border)}.spec-table tr:last-child{border-bottom:none}.spec-table td{padding:12px 8px;font-size:0.88rem;vertical-align:top}.spec-table td:first-child{color:var(--muted);width:42%}.spec-table td:last-child{color:var(--text);font-weight:600}.highlight-box{background:rgba(74,222,128,0.06);border:1px solid rgba(74,222,128,0.22);border-radius:14px;padding:22px 26px}.gold-notice{background:rgba(253,230,138,0.07);border:1px solid rgba(253,230,138,0.28);border-radius:14px;padding:22px 26px}.accordion-item{background:var(--card);border:1px solid var(--border) !important;border-radius:12px !important;margin-bottom:10px;overflow:hidden}.accordion-button{background:var(--card) !important;color:var(--text) !important;font-weight:600;font-size:0.92rem;box-shadow:none !important;padding:1rem 1.25rem}.accordion-button:not(.collapsed){color:var(--accent) !important}.accordion-button::after{filter:invert(1) sepia(1) saturate(3) hue-rotate(90deg)}.accordion-body{background:var(--card);color:var(--muted);font-size:0.88rem;line-height:1.7;padding:0 1.25rem 1.25rem}.cta-section{background:linear-gradient(135deg,#0d2b1a,#06120d);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 0}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:var(--block);color:var(--gold);font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:14px 16px;border-bottom:2px solid var(--border)}.compare-table td{padding:13px 16px;font-size:0.88rem;border-bottom:1px solid var(--border);color:var(--muted)}.compare-table td:first-child{color:var(--text);font-weight:600}.compare-table tr:last-child td{border-bottom:none}.compare-table .yes{color:var(--accent);font-weight:700}.compare-table .no{color:#f87171}html,body{overflow-x:clip;width:100%}
