: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}}