:root{--color-bg:#fdfdff;--color-surface:#ffffff;--color-elevated:#f9fbff;--color-text:#1d1233;--color-text-soft:#4b3d66;--color-primary:#1ec6c9;--color-primary-soft:#7ce9eb;--color-secondary:#a44bed;--color-accent-pink:#ff5fa8;--color-accent-blue:#2f7bff;--color-accent-green:#3ddc84;--color-accent-gold:#f8c35b;--color-border-soft:#e2e2f5;--color-muted-bg:#f3f5ff;--color-success:#2fbf71;--color-warning:#ffb020;--color-danger:#ff4b6a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2933;--gray-900:#111827;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,-system-ui,sans-serif;--font-display:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-base:1.6;--line-height-relaxed:1.8;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 3px 10px rgba(15,23,42,0.08);--shadow-md:0 10px 30px rgba(15,23,42,0.12);--shadow-lg:0 18px 45px rgba(15,23,42,0.16);--shadow-gem:0 0 0 1px rgba(255,255,255,0.5),0 12px 30px rgba(15,23,42,0.25);--transition-fast:150ms ease-out;--transition-base:220ms ease-out;--transition-slow:320ms ease-out;--container-max-width:1120px;--focus-ring-color:rgba(47,123,255,0.85);--focus-ring-width:3px;--focus-ring-offset:2px}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:radial-gradient(circle at top left,#fdf6ff 0,#fdfdff 38%,#f2fbff 75%,#fdfdff 100%);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{border:none;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}fieldset{border:0}hr{border:0;border-top:1px solid var(--gray-200);margin:var(--space-6) 0}p{margin-bottom:var(--space-4);color:var(--color-text-soft)}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--color-text);line-height:var(--line-height-tight);letter-spacing:-0.02em;margin-bottom:var(--space-3)}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.08em}@media (min-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}a:hover,a:focus-visible{text-decoration:none}.link{color:var(--color-accent-blue);font-weight:500;transition:color var(--transition-base)}.link:hover{color:var(--color-secondary)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}@media (min-width:1024px){.container{padding:0 var(--space-6)}}.section{padding:var(--space-10) 0}@media (min-width:768px){.section{padding:var(--space-14) 0}}.section--hero{padding-top:var(--space-12);padding-bottom:var(--space-12)}@media (min-width:768px){.section--hero{padding-top:var(--space-16);padding-bottom:var(--space-16)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(31,198,201,0.12),rgba(164,75,237,0.08));color:var(--color-secondary);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:600;font-size:var(--font-size-sm);line-height:1.2;border:0;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-base),color var(--transition-base);box-shadow:var(--shadow-sm);background:var(--color-primary);color:#ffffff;position:relative;overflow:hidden}.btn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(255,255,255,0.6) 0,transparent 40%),linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0));opacity:0.4;pointer-events:none;mix-blend-mode:screen}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--outline{background:rgba(255,255,255,0.9);color:var(--color-secondary);border:1px solid rgba(164,75,237,0.3);backdrop-filter:blur(8px)}.btn--outline:hover{background:#ffffff;color:var(--color-accent-blue)}.btn--ghost{background:transparent;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,0.6);color:#ffffff;box-shadow:none}.btn--sm{padding:0.55rem 1.1rem;font-size:var(--font-size-xs)}.btn--lg{padding:0.9rem 1.9rem;font-size:var(--font-size-md)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.btn--google-play{background:linear-gradient(135deg,#1ec6c9,#2f7bff);color:#ffffff;box-shadow:var(--shadow-gem)}.btn--google-play:hover{background:linear-gradient(135deg,#2f7bff,#a44bed)}.btn-icon{width:1.1em;height:1.1em;display:inline-flex;align-items:center;justify-content:center}.input{width:100%;padding:0.7rem 0.85rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:rgba(255,255,255,0.9);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.input::placeholder{color:var(--gray-400)}.input:focus-visible{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 1px rgba(47,123,255,0.08),0 0 0 4px rgba(47,123,255,0.18)}textarea.input{min-height:120px;resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gray-500) 50%),linear-gradient(135deg,var(--gray-500) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.25rem}.card{position:relative;border-radius:var(--radius-xl);background:radial-gradient(circle at top left,rgba(255,255,255,0.95),rgba(242,245,255,0.98));box-shadow:var(--shadow-md);padding:var(--space-5);overflow:hidden}.card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0 0,rgba(30,198,201,0.12),transparent 55%),radial-gradient(circle at 100% 0,rgba(164,75,237,0.12),transparent 55%),radial-gradient(circle at 0 100%,rgba(255,95,168,0.12),transparent 55%);opacity:0.9;pointer-events:none}.card__body{position:relative}.card--ghost{background:rgba(255,255,255,0.7);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:var(--shadow-xs)}.card-header{margin-bottom:var(--space-3)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:500;background:rgba(255,255,255,0.8);color:var(--color-secondary)}.hero-gradient{background:radial-gradient(circle at top,#ffffff 0,#f6f3ff 38%,#e9f7ff 90%)}.hero-gems{position:relative}.hero-gems::after{content:"";position:absolute;inset:auto -40px -60px;height:200px;background:radial-gradient(circle at 10% 0,rgba(30,198,201,0.35),transparent 55%),radial-gradient(circle at 80% 20%,rgba(164,75,237,0.35),transparent 60%),radial-gradient(circle at 40% 90%,rgba(255,95,168,0.32),transparent 65%);opacity:0.65;filter:blur(2px);z-index:-1}.hero-title{background:linear-gradient(120deg,#1ec6c9,#2f7bff,#a44bed,#ff5fa8);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-kicker{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-secondary);margin-bottom:var(--space-2)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.hero-media{border-radius:24px;border:3px solid rgba(255,255,255,0.8);box-shadow:var(--shadow-gem);overflow:hidden;background:#000}.taglist{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.tag{padding:4px 10px;border-radius:999px;font-size:var(--font-size-xs);background:rgba(255,255,255,0.85);color:var(--color-text-soft);border:1px solid rgba(226,232,240,0.7)}.badge--offline{background:linear-gradient(135deg,rgba(61,220,132,0.16),rgba(46,204,113,0.2));color:#066649}.badge--ads{background:linear-gradient(135deg,rgba(255,176,32,0.16),rgba(255,149,0,0.2));color:#8a4b00}.badge--iap{background:linear-gradient(135deg,rgba(164,75,237,0.16),rgba(162,96,255,0.22));color:#4a1a88}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chip{padding:5px 11px;border-radius:999px;font-size:var(--font-size-xs);background:rgba(248,250,252,0.95);color:var(--color-text-soft);border:1px solid rgba(148,163,184,0.45)}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.gallery-item{border-radius:18px;overflow:hidden;background:#020617;box-shadow:var(--shadow-md);position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 260ms ease-out,filter 260ms ease-out}.gallery-item:hover img{transform:scale(1.04);filter:saturate(1.1)}.gallery-label{position:absolute;inset:auto 10px 10px 10px;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,0.7);backdrop-filter:blur(10px);color:#e5e7eb;font-size:var(--font-size-xs);display:inline-flex;align-items:center;gap:6px}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.faq-item{border-radius:var(--radius-lg);background:rgba(255,255,255,0.95);border:1px solid rgba(226,226,255,0.9);box-shadow:var(--shadow-xs);padding:var(--space-4)}.faq-question{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-2)}.faq-answer{font-size:var(--font-size-sm);color:var(--color-text-soft)}.badge-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.list-dot{padding-left:1.1rem;margin-bottom:var(--space-3);color:var(--color-text-soft)}.list-dot li{position:relative;margin-bottom:0.35rem}.list-dot li::before{content:"";position:absolute;left:-0.85rem;top:0.55em;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,#1ec6c9,#a44bed);box-shadow:0 0 0 3px rgba(164,75,237,0.18)}.level-strip{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 11px;border-radius:999px;background:rgba(30,64,175,0.06);color:#1d4ed8;font-size:var(--font-size-xs);font-weight:500}.offline-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(61,220,132,0.12),rgba(46,204,113,0.1));border:1px solid rgba(74,222,128,0.3);color:#14532d;font-size:var(--font-size-sm)}.cta-section{border-radius:32px;background:radial-gradient(circle at 0 0,rgba(30,198,201,0.28),transparent 55%),radial-gradient(circle at 100% 20%,rgba(164,75,237,0.3),transparent 55%),radial-gradient(circle at 50% 100%,rgba(255,95,168,0.32),transparent 55%),#0b1020;color:#e5e7eb;padding:var(--space-8);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-section::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,0.25),transparent 55%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.18),transparent 55%);opacity:0.7;pointer-events:none}.cta-section__body{position:relative;z-index:1}.cta-title{font-size:var(--font-size-2xl);background:linear-gradient(120deg,#e0f7ff,#fef3c7,#fbcfe8);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:var(--space-3)}.footer{border-top:1px solid rgba(226,232,240,0.8);background:#f9fafb;padding:var(--space-6) 0 var(--space-8)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--gray-600)}.footer-nav a{padding:2px 0}.footer-meta{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--gray-500);max-width:720px}.badge-footer{font-size:var(--font-size-xs);color:var(--gray-500)}.focus-ring,:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}::-moz-focus-inner{border:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-margin:0!important}.btn:hover{transform:none}}