:root{
  --bg:#f4fbf6;--surface:#fff;--surface-soft:#eef9f1;--text:#15231b;--muted:#617168;--line:#dcebe0;
  --green:#0b8f4d;--green-dark:#056b39;--green-light:#dff7e8;--gold:#d69a18;--gold-light:#fff3ce;
  --blue:#1597dc;--pink:#ff3f78;--orange:#ff9f32;--shadow:0 14px 40px rgba(17,73,42,.09);--shadow-hover:0 22px 55px rgba(17,73,42,.15)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0%,#e8faee 0,transparent 32%),radial-gradient(circle at 92% 8%,#fff5d9 0,transparent 28%),linear-gradient(180deg,#f9fdf9 0%,var(--bg) 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(90deg,#075d34,#0b9952);padding:8px 0;color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:15px;align-items:center}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(210,229,216,.9);box-shadow:0 5px 24px rgba(20,70,42,.06)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:11px;font-weight:950}.brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 7px 18px rgba(14,70,40,.14)}.brand span{font-size:21px;background:linear-gradient(90deg,#08753f,#d79a15);-webkit-background-clip:text;background-clip:text;color:transparent}.menu{display:flex;align-items:center;gap:7px;font-weight:800}.menu a{color:#26362d;padding:9px 11px;border-radius:10px;transition:.2s}.menu a:hover{background:#edf8f0;color:var(--green-dark)}.menu .telegram-link{background:linear-gradient(135deg,#1698dc,#0879b7);color:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 8px 20px rgba(21,151,220,.22)}.menu .telegram-link:hover{background:linear-gradient(135deg,#0f8bcf,#076ea8);color:#fff}.mobile-menu{display:none;background:#fff;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:8px 11px;font-size:20px}
.hero{padding:72px 0 42px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #b8e2c6;background:rgba(232,249,238,.9);color:#08713e;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;box-shadow:0 5px 15px rgba(23,107,60,.06)}.hero h1{font-size:clamp(40px,6vw,70px);letter-spacing:-2px;line-height:1.02;margin:18px 0}.gradient-text{background:linear-gradient(90deg,#078647,#d5960f,#0b9e55);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;max-width:760px}.hero-logo{width:min(450px,100%);margin:auto;border-radius:30px;filter:drop-shadow(0 22px 32px rgba(24,76,45,.18));animation:float 5s ease-in-out infinite}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 20px;font-weight:900;border:1px solid #cfe1d4;background:#fff;color:#243229;box-shadow:0 6px 18px rgba(24,62,42,.06);transition:.2s transform,.2s box-shadow,.2s filter}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,62,42,.11)}.btn-primary{background:linear-gradient(100deg,var(--pink),var(--orange));color:#111;border:0;box-shadow:0 10px 28px rgba(255,91,92,.22);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-20%;left:-80%;width:35%;height:140%;background:rgba(255,255,255,.58);transform:skewX(-20deg);animation:shine 3s infinite}.btn-primary span{position:relative;z-index:1}.btn-green{background:linear-gradient(135deg,#0a9c4f,#2ddf78);color:#062b18;border:0}.btn-telegram{background:linear-gradient(135deg,#159be1,#087bb9);color:#fff;border:0;box-shadow:0 10px 25px rgba(21,151,220,.22)}.btn-small{padding:10px 14px;border-radius:11px;font-size:14px}
.section{padding:50px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.7px;margin:0 0 6px}.section-head p{margin:0;color:var(--muted)}.search{width:330px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;color:var(--text);outline:none;box-shadow:0 6px 20px rgba(20,70,42,.04)}.search:focus{border-color:#83c99b;box-shadow:0 0 0 4px rgba(22,179,100,.09)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow);transition:.25s transform,.25s box-shadow,.25s border-color}.card:hover{transform:translateY(-6px);border-color:#a9d5b8;box-shadow:var(--shadow-hover)}.card-img{aspect-ratio:1/1;background:linear-gradient(145deg,#f8fcf9,#e9f7ed);display:grid;place-items:center;padding:15px;position:relative}.card-img:after{content:"";position:absolute;inset:9px;border:1px solid rgba(11,143,77,.07);border-radius:16px;pointer-events:none}.card-img img{width:100%;height:100%;object-fit:contain;border-radius:14px;position:relative;z-index:1}.card-body{padding:17px}.card h3{margin:8px 0 7px;font-size:20px;letter-spacing:-.2px}.card p{margin:0 0 15px;color:var(--muted);font-size:14px;min-height:68px}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1}
.featured{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow)}.info h2,.info h3{margin-top:0}.info ul{padding-left:20px;color:var(--muted)}.toc{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toc a{padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;color:#294033}.article{max-width:900px}.article h2{margin-top:42px}.article h3{margin-top:26px}.article p,.article li{color:var(--muted)}.article table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.article th,.article td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:800}.notice{padding:16px 18px;border-left:4px solid var(--gold);background:var(--gold-light);color:#634b00;border-radius:11px}
.game-hero{padding:52px 0 25px}.game-grid{display:grid;grid-template-columns:320px 1fr;gap:38px;align-items:center}.game-logo{background:#fff;border:1px solid var(--line);border-radius:25px;padding:20px;box-shadow:var(--shadow)}.game-logo img{border-radius:18px;width:100%;aspect-ratio:1/1;object-fit:contain}.crumbs{font-size:13px;color:#6b786f;margin-bottom:15px}.crumbs a{color:#087f46}.pill{display:inline-block;padding:5px 10px;border:1px solid #b8dcc5;border-radius:999px;color:#087f46;background:#edf9f1;font-size:12px;font-weight:900}
.telegram-banner{margin:24px 0;padding:21px 25px;border-radius:20px;background:linear-gradient(105deg,#e9f8ff,#f7fcff);border:1px solid #bfe2f5;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 10px 30px rgba(35,133,177,.07)}.telegram-banner strong{color:#1476a6;font-size:17px}.telegram-banner p{margin:4px 0 0;color:#5d707a}
.footer{border-top:1px solid var(--line);background:rgba(255,255,255,.88);padding:48px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .9fr;gap:35px}.footer p,.footer a{color:#69766d}.footer .telegram-footer{display:inline-flex;margin-top:8px;background:#1597dc;color:#fff!important;padding:10px 15px;border-radius:999px;font-weight:800;box-shadow:0 8px 20px rgba(21,151,220,.18)}.copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#7c887f;font-size:13px;display:flex;justify-content:space-between}.backtop{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #c9ddd0;color:#087f46;box-shadow:0 8px 25px rgba(31,71,49,.12);z-index:40}.hidden{display:none!important}
@keyframes shine{to{left:160%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-grid,.featured,.game-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.menu{display:none}.mobile-menu{display:block}.nav.open .menu{display:flex;position:absolute;left:4%;right:4%;top:70px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:15px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.nav.open .menu a{padding:9px}.footer-grid{grid-template-columns:1fr}.toc{grid-template-columns:1fr}.telegram-banner{align-items:flex-start;flex-direction:column}.hero{padding-top:52px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{letter-spacing:-1.2px}.hero p{font-size:16px}.section{padding:36px 0}.card-actions{flex-direction:column}.topbar .container{flex-direction:column;gap:2px}.game-grid{gap:22px}.game-logo{max-width:280px;margin:auto}.hero-logo{max-width:320px}.telegram-banner{padding:18px}.section-head{align-items:stretch;flex-direction:column}}
/* Premium homepage v4 */
.hero-premium{padding:78px 0 52px;position:relative;overflow:hidden}.hero-premium:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(45,223,120,.12);filter:blur(30px);right:-160px;top:-180px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-lead{max-width:720px}.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-trust span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;color:#466052;box-shadow:0 5px 16px rgba(20,70,42,.05)}.hero-visual{position:relative;min-height:450px;display:grid;place-items:center}.hero-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#fff2bf 0,#e7faee 50%,transparent 72%);filter:blur(3px)}.hero-logo-wrap{position:relative;width:min(430px,100%);padding:18px;border-radius:38px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 70px rgba(25,88,49,.14);backdrop-filter:blur(12px)}.hero-logo-wrap .hero-logo{width:100%;margin:0;border-radius:28px;filter:none}.floating-badge{position:absolute;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:14px;font-weight:900;font-size:13px;box-shadow:0 14px 30px rgba(22,75,43,.12)}.badge-one{left:4%;top:14%}.badge-two{right:2%;bottom:14%;color:#8a6500;background:#fff9e7;border-color:#f1d88a}.quick-stats{padding:5px 0 28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.stat-card strong{font-size:28px;line-height:1;background:linear-gradient(90deg,#087c43,#d39814);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card span{font-size:13px;color:var(--muted);font-weight:700;margin-top:7px}.telegram-premium{border-radius:24px;padding:23px 27px;box-shadow:0 15px 35px rgba(35,133,177,.09)}.telegram-kicker,.section-kicker{display:block;font-size:11px;letter-spacing:1.4px;font-weight:950;color:#168050;margin-bottom:6px}.telegram-kicker{color:#1680b1}.homepage-grid .card-img{background:linear-gradient(145deg,#ffffff,#eefaf2);height:230px;aspect-ratio:auto}.homepage-grid .card-img img{max-height:200px}.card-number{position:absolute;right:12px;top:11px;z-index:3;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;color:#6d7d73;letter-spacing:1px}.center-action{text-align:center;margin-top:28px}.btn-outline{background:#fff;border:1px solid #9fcfb0;color:#087b43}.btn-outline:hover{background:#edf9f1}.info-highlight{background:linear-gradient(145deg,#fff,#f1fbf4)}.steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.steps div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:13px}.steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e5f7eb;color:#087b43;font-size:11px}.steps span{font-size:13px;font-weight:800;color:#44584c}.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{position:relative;padding:8px 0 8px 28px;color:var(--muted)}.check-list li:before{content:'✓';position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e3f7ea;color:#078044;font-weight:900;font-size:12px}.seo-content{padding-top:30px}.faq-section{padding-top:15px}.faq details p{margin:10px 0 0}.faq summary{padding-right:25px}.footer{margin-top:35px}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:380px}.badge-one{left:0}.badge-two{right:0}.steps{grid-template-columns:1fr}}
@media(max-width:560px){.hero-premium{padding-top:45px}.hero-visual{min-height:330px}.hero-logo-wrap{padding:11px;border-radius:27px}.hero-glow{width:300px;height:300px}.floating-badge{font-size:11px;padding:8px 10px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:24px}.telegram-premium{padding:18px}.homepage-grid .card-img{height:260px}}

/* V6 PREMIUM COLORFUL GAMING REDESIGN */
:root{
 --bg:#f7f8ff;--surface:#fff;--surface-soft:#f1edff;--text:#171b3a;--muted:#66708d;--line:#e8e8f5;
 --green:#24c987;--green-dark:#087b55;--gold:#ffb31a;--blue:#14b8ff;--pink:#ff3b9d;--purple:#7137ff;--orange:#ff7b00;
 --shadow:0 16px 42px rgba(43,39,103,.09);--shadow-hover:0 24px 58px rgba(43,39,103,.16)
}
body{
 background:
 radial-gradient(circle at 5% 2%,#ffe2f2 0,transparent 27%),
 radial-gradient(circle at 96% 7%,#dff8ff 0,transparent 28%),
 radial-gradient(circle at 50% 100%,#eee8ff 0,transparent 32%),
 linear-gradient(180deg,#fff 0%,#f7f8ff 60%,#fff 100%);
}
.topbar{background:linear-gradient(90deg,#7137ff,#ff3b9d,#ff7b00,#24c987,#14b8ff,#7137ff);background-size:250% 100%;animation:v6rainbow 8s linear infinite}
@keyframes v6rainbow{to{background-position:250% 0}}
.header{background:rgba(255,255,255,.84);border-bottom-color:#e8e8f5;box-shadow:0 8px 28px rgba(56,48,130,.07)}
.brand span{background:linear-gradient(90deg,#7137ff,#ff238e,#ff7b00);-webkit-background-clip:text;color:transparent}
.menu a:hover{background:#f0ecff;color:#6335d8}
.menu .telegram-link{background:linear-gradient(135deg,#129fe8,#21c8ff);box-shadow:0 10px 24px rgba(20,170,235,.2)}
.hero{padding:58px 0 38px}
.hero-grid{gap:55px}
.hero-copy{position:relative;z-index:2}
.eyebrow{border-color:#ddd3ff;background:linear-gradient(100deg,#f3efff,#fff0f8);color:#6335d8;box-shadow:0 8px 22px rgba(99,53,216,.08)}
.hero h1{letter-spacing:-3px}
.gradient-text{background:linear-gradient(90deg,#7137ff,#ff238e,#ff7b00);-webkit-background-clip:text;color:transparent}
.hero p{color:#5f6885}
.hero-visual{position:relative;padding:15px}
.hero-visual:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#ff4fa8;opacity:.25;filter:blur(28px);right:-40px;top:-35px}
.hero-visual:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#16c7ff;opacity:.23;filter:blur(30px);left:-30px;bottom:-35px}
.hero-logo-wrap{position:relative;z-index:2;padding:20px;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,242,250,.86));border:1px solid rgba(222,217,245,.9);box-shadow:0 30px 75px rgba(63,48,130,.15)}
.hero-logo{border-radius:25px;filter:drop-shadow(0 18px 25px rgba(74,51,140,.16))}
.floating-badge{position:absolute;z-index:3;padding:11px 15px;border-radius:14px;background:#fff;border:1px solid #e8e6f5;font-size:12px;font-weight:950;box-shadow:0 12px 28px rgba(49,43,110,.12)}
.badge-one{right:0;top:14%}.badge-two{left:0;bottom:12%}
.btn-primary{background:linear-gradient(100deg,#7137ff,#ff238e);color:#fff;box-shadow:0 12px 30px rgba(113,55,255,.23)}
.btn-green{background:linear-gradient(100deg,#19c989,#24aee8);color:#fff}
.btn-telegram{background:linear-gradient(100deg,#129fe8,#21c8ff)}
.quick-stats .stat-card{background:rgba(255,255,255,.9);border-color:#e8e8f5;box-shadow:var(--shadow)}
.grid{gap:20px}
.card{border-color:#e7e7f2;border-radius:23px;box-shadow:var(--shadow)}
.card:hover{border-color:#c6b7ff;box-shadow:var(--shadow-hover)}
.card-img{background:linear-gradient(135deg,#f2eeff,#fff0f8,#ecfbff);position:relative}
.card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.55) 48%,transparent 60%);transform:translateX(-120%);transition:.55s}
.card:hover .card-img:after{transform:translateX(120%)}
.card-number{background:linear-gradient(100deg,#7137ff,#ff238e)!important;color:#fff!important;box-shadow:0 7px 17px rgba(113,55,255,.2)}
.pill{background:#f0ebff!important;color:#6335d8!important}
.card h3{letter-spacing:-.3px}
.card-actions{gap:8px}
.card-actions .btn-primary{background:linear-gradient(100deg,#7137ff,#ff238e);color:#fff}
.card-actions .btn-green{background:linear-gradient(100deg,#ff8a00,#ffd447);color:#633b00}
.telegram-premium,.info,.seo-content .article{
 border-color:#e6e4f5!important;
 background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(247,244,255,.96))!important;
 box-shadow:var(--shadow)
}
.telegram-premium{background:linear-gradient(110deg,#e7f8ff,#f0edff,#fff0f7)!important}
.section-kicker{color:#7137ff!important}
.notice{background:#fff7df!important;border-color:#ffe1a0!important}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){
 .hero{padding:35px 0 25px}.hero-grid{gap:25px}.hero h1{font-size:43px;letter-spacing:-2px}
 .hero-visual{padding:7px}.hero-logo-wrap{padding:12px;border-radius:25px}
 .floating-badge{font-size:10px;padding:8px 10px}.badge-one{right:-2px}.badge-two{left:-2px}
 .grid{grid-template-columns:repeat(2,1fr);gap:11px}.card{border-radius:18px}.card-img{aspect-ratio:1/1}
 .card-body{padding:12px}.card h3{font-size:17px}.card p{font-size:12px}
 .card-actions{display:grid;grid-template-columns:1fr}.card-actions .btn-small{width:100%}
}
@media(max-width:390px){.grid{grid-template-columns:1fr}}

/* Mobile 3-column app grid */
@media(max-width:560px){
  .homepage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .homepage-grid .card{border-radius:13px}
  .homepage-grid .card-img{height:auto;aspect-ratio:1/1;padding:6px}
  .homepage-grid .card-img:after{inset:4px;border-radius:9px}
  .homepage-grid .card-img img{max-height:none;width:100%;height:100%;border-radius:8px}
  .homepage-grid .card-body{padding:8px}
  .homepage-grid .card-body .pill,
  .homepage-grid .card-body p{display:none}
  .homepage-grid .card h3{font-size:12px;line-height:1.25;margin:2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .homepage-grid .card-number{display:none}
  .homepage-grid .card-actions{display:block}
  .homepage-grid .card-actions .btn{display:flex;width:100%;padding:7px 3px;font-size:10px;border-radius:8px}
  .homepage-grid .card-actions .btn-green{display:none}
  .homepage-grid .card-actions .btn-primary{min-height:30px}
}