*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--bg-dark:#08020f;--bg-purple:#18052b;--purple:#8b3dff;--pink:#ff4fd8;--gold:#ffd86b;--text-soft:#dfccff;--card:rgba(255,255,255,.085);--border:rgba(255,255,255,.14)}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(139,61,255,.32),transparent 34%),radial-gradient(circle at top right,rgba(255,79,216,.22),transparent 34%),linear-gradient(180deg,#170425 0%,#08020f 65%);color:#fff;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;padding:18px 7%;display:flex;align-items:center;justify-content:space-between;background:rgba(8,2,15,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.logo{font-weight:1000;font-size:23px;letter-spacing:.4px;background:linear-gradient(90deg,#fff,var(--gold),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav a{margin-left:24px;color:#eadcff;font-size:15px;font-weight:700}.nav a:hover{color:var(--gold)}section{padding:72px 7%}.home-hero{padding-top:56px;padding-bottom:38px}.feature-image{max-width:1160px;min-height:430px;margin:auto;border-radius:38px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 18% 18%,rgba(255,216,107,.38),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,79,216,.34),transparent 30%),radial-gradient(circle at 50% 100%,rgba(139,61,255,.36),transparent 36%),linear-gradient(145deg,rgba(49,10,83,.96),rgba(24,5,43,.92));border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 110px rgba(0,0,0,.52),inset 0 0 80px rgba(255,255,255,.06)}.feature-image::before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.12);border-radius:30px}.feature-image::after{content:"🎮  🎬  🏆  ⭐  🪙";position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:38px;letter-spacing:16px;opacity:.28;white-space:nowrap}.feature-content{position:relative;z-index:2;padding:40px 24px 82px}.studio-badge{display:inline-block;margin-bottom:18px;padding:9px 18px;border-radius:999px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.16);color:#ffe7a4;font-weight:800;font-size:14px}.feature-content h1{font-size:clamp(62px,10vw,128px);line-height:.9;font-weight:1000;letter-spacing:2px;background:linear-gradient(90deg,#fff,var(--gold),var(--pink),#b68cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(255,216,107,.22))}.feature-content h2{margin-top:16px;font-size:clamp(26px,4vw,48px);color:#fff}.feature-content p{max-width:760px;margin:18px auto 0;color:var(--text-soft);font-size:18px}.section-title{text-align:center;font-size:clamp(30px,4vw,44px);margin-bottom:12px}.section-subtitle{text-align:center;color:var(--text-soft);max-width:780px;margin:0 auto 42px;font-size:17px}.apps-grid,.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;max-width:1160px;margin:auto}.app-card,.info-card{border-radius:30px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid var(--border);box-shadow:0 22px 58px rgba(0,0,0,.32);position:relative;overflow:hidden}.app-card{min-height:315px;transition:.25s ease}.app-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-46px;top:-46px;background:rgba(255,216,107,.12)}.app-card:hover{transform:translateY(-7px);border-color:rgba(255,216,107,.45);box-shadow:0 28px 80px rgba(0,0,0,.42)}.app-icon{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;font-size:38px;margin-bottom:20px;background:linear-gradient(135deg,var(--purple),var(--pink),var(--gold));box-shadow:0 12px 35px rgba(139,61,255,.42);position:relative;z-index:2;overflow:hidden}.app-icon img{width:100%;height:100%;object-fit:cover;border-radius:22px}.app-card h3,.info-card h3{font-size:24px;margin-bottom:10px;position:relative;z-index:2}.app-card p,.info-card p{color:var(--text-soft);margin-bottom:18px;position:relative;z-index:2}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;position:relative;z-index:2}.tag{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.09);color:#ffe7a4;font-size:12px;font-weight:700}.view-link,.gold-link{color:var(--gold);font-weight:900;position:relative;z-index:2}.contact-box{max-width:880px;margin:auto;text-align:center;border-radius:30px;padding:38px;background:linear-gradient(135deg,rgba(139,61,255,.24),rgba(255,79,216,.14));border:1px solid var(--border);box-shadow:0 20px 55px rgba(0,0,0,.28)}.contact-box p{color:var(--text-soft);margin-top:8px}.app-hero{padding-top:46px}.app-page-card{max-width:1120px;margin:auto;border-radius:36px;overflow:hidden;background:rgba(255,255,255,.075);border:1px solid var(--border);box-shadow:0 30px 95px rgba(0,0,0,.44)}.app-banner{padding:44px;min-height:280px;background:radial-gradient(circle at 20% 20%,rgba(255,216,107,.28),transparent 30%),radial-gradient(circle at 85% 20%,rgba(255,79,216,.28),transparent 30%),linear-gradient(135deg,rgba(139,61,255,.44),rgba(20,3,32,.96));display:flex;align-items:center;gap:28px;flex-wrap:wrap}.app-banner .app-icon{width:108px;height:108px;font-size:52px;margin-bottom:0}.app-banner h1{font-size:clamp(34px,5vw,58px);line-height:1.05}.app-banner p{color:var(--text-soft);max-width:700px;margin-top:10px;font-size:17px}.app-content{padding:42px 44px 48px}.back-btn{display:inline-block;margin-bottom:24px;color:var(--gold);font-weight:900}.content-block{margin-top:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.11)}.content-block h2{color:var(--gold);margin-bottom:12px;font-size:27px}.content-block h3{font-size:23px;margin:0 0 10px;color:#fff}.content-block p,.content-block li{color:var(--text-soft);font-size:16px}.content-block ul{margin-left:22px;margin-top:10px}.screen-walkthrough{display:flex;flex-direction:column;gap:28px;margin-top:24px}.screen-step{display:grid;grid-template-columns:minmax(210px,280px) 1fr;gap:28px;align-items:center;padding:24px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.screen-step:nth-child(even){grid-template-columns:1fr minmax(210px,280px)}.screen-step:nth-child(even) .phone-shot{order:2}.phone-shot{width:100%;max-width:260px;aspect-ratio:9/16;margin:auto;padding:10px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.35)}.phone-shot img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block;background:rgba(0,0,0,.25)}.step-label{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(255,216,107,.12);color:var(--gold);font-size:13px;font-weight:900}.policy-box{max-width:1000px;margin:auto;border-radius:34px;padding:42px;background:rgba(255,255,255,.075);border:1px solid var(--border);box-shadow:0 25px 70px rgba(0,0,0,.36)}.policy-box h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin-bottom:14px}.policy-box h2{color:var(--gold);font-size:25px;margin-top:30px;margin-bottom:10px}.policy-box p,.policy-box li{color:var(--text-soft)}.policy-box ul{margin-left:22px;margin-top:10px}.footer{padding:30px 7%;text-align:center;color:#bfa8e8;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.26)}@media(max-width:760px){.site-header{flex-direction:column;gap:12px}.nav{text-align:center}.nav a{display:inline-block;margin:6px 9px}section{padding:54px 6%}.feature-image{min-height:390px;border-radius:28px}.feature-image::after{font-size:26px;letter-spacing:8px}.app-banner,.app-content,.policy-box{padding:28px}.screen-step,.screen-step:nth-child(even){grid-template-columns:1fr}.screen-step:nth-child(even) .phone-shot{order:0}}
