:root{
  --red:#C8102E; --red-dark:#8B0A1E; --red-light:#E63946;
  --green:#0A7D2C; --green-dark:#065C20; --green-light:#1AA84A;
  --yellow:#FFD23F; --yellow-dark:#E6B800;
  --blue:#0A4D8C; --blue-dark:#06335E; --blue-light:#2196F3;
  --black:#0E0E10; --dark:#161618; --dark2:#1E1E22;
  --white:#FFFFFF; --gray:#F4F4F5; --gray2:#D4D4D8; --gray3:#A1A1AA;
  --radius:12px; --radius-sm:8px; --radius-lg:20px;
  --shadow:0 4px 24px rgba(0,0,0,.15); --shadow-lg:0 8px 40px rgba(0,0,0,.25);
  --transition:.3s cubic-bezier(.4,0,.2,1);
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--dark);background:var(--gray);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--red)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.section{padding:60px 0}
.section-title{text-align:center;margin-bottom:40px}
.section-title h2{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--black);font-weight:800;letter-spacing:-.5px;margin-bottom:10px}
.section-title p{color:var(--gray3);font-size:1.05rem;max-width:600px;margin:0 auto}
.text-center{text-align:center}
.header{position:sticky;top:0;z-index:900;background:linear-gradient(135deg,var(--black) 0%,var(--dark2) 100%);border-bottom:3px solid var(--yellow);box-shadow:var(--shadow-lg)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:900;color:var(--white);letter-spacing:-1px}
.logo span{color:var(--yellow)}
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--red),var(--yellow));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--white);font-weight:900}
.nav{display:flex;align-items:center;gap:28px}
.nav a{color:var(--gray2);font-size:.95rem;font-weight:600;position:relative;padding:4px 0}
.nav a:hover,.nav a.active{color:var(--yellow)}
.nav a.active::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--yellow);border-radius:2px}
.header-btns{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap}
.btn-register{background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white);box-shadow:0 4px 12px rgba(200,16,46,.4)}
.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(200,16,46,.5);color:var(--white)}
.btn-login{background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--white);box-shadow:0 4px 12px rgba(10,125,44,.4)}
.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(10,125,44,.5);color:var(--white)}
.btn-yellow{background:linear-gradient(135deg,var(--yellow),var(--yellow-dark));color:var(--black)}
.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:var(--white)}
.btn-outline{background:transparent;border:2px solid var(--yellow);color:var(--yellow)}
.btn-outline:hover{background:var(--yellow);color:var(--black)}
.btn-lg{padding:14px 36px;font-size:1.05rem}
.btn-block{display:block;width:100%}
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.menu-toggle span{width:24px;height:3px;background:var(--white);border-radius:2px;transition:var(--transition)}
.hero{position:relative;background:linear-gradient(135deg,var(--black) 0%,var(--dark2) 40%,var(--blue-dark) 100%);overflow:hidden;padding:80px 0 60px}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/slot-hero.jpg') center/cover;opacity:.15}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--gray),transparent)}
.hero-content{position:relative;z-index:2;text-align:center;color:var(--white)}
.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-1px;margin-bottom:16px;line-height:1.15}
.hero h1 span{color:var(--yellow)}
.hero p{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--gray2);max-width:700px;margin:0 auto 30px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,210,63,.15);border:1px solid var(--yellow);color:var(--yellow);padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:20px}
.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-trust{display:flex;gap:30px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.hero-trust-item{display:flex;align-items:center;gap:8px;color:var(--gray2);font-size:.9rem;font-weight:600}
.hero-trust-item .dot{width:10px;height:10px;border-radius:50%;background:var(--green-light)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid #eee}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.card-img{width:100%;height:200px;object-fit:cover}
.card-body{padding:24px}
.card-body h3{font-size:1.25rem;font-weight:800;color:var(--black);margin-bottom:10px}
.card-body p{color:var(--gray3);font-size:.95rem;margin-bottom:16px}
.advantages{background:var(--white)}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.adv-item{text-align:center;padding:30px 20px;border-radius:var(--radius);background:var(--gray);transition:var(--transition)}
.adv-item:hover{background:linear-gradient(135deg,var(--yellow),var(--yellow-dark));transform:translateY(-4px)}
.adv-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white)}
.adv-item:hover .adv-icon{background:var(--black)}
.adv-item h3{font-size:1.15rem;font-weight:800;color:var(--black);margin-bottom:8px}
.adv-item p{color:var(--gray3);font-size:.9rem}
.why-choose{background:linear-gradient(135deg,var(--black),var(--dark2));color:var(--white)}
.why-choose .section-title h2{color:var(--white)}
.why-choose .section-title p{color:var(--gray2)}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.why-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px;transition:var(--transition)}
.why-item:hover{border-color:var(--yellow);background:rgba(255,210,63,.08)}
.why-num{font-size:2.5rem;font-weight:900;color:var(--yellow);opacity:.5;line-height:1}
.why-item h3{font-size:1.15rem;font-weight:700;margin:10px 0;color:var(--white)}
.why-item p{color:var(--gray2);font-size:.9rem}
.mobile-exp{background:var(--white)}
.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.mobile-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%}
.mobile-text h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:var(--black);margin-bottom:16px}
.mobile-text p{color:var(--gray3);margin-bottom:20px;font-size:1rem}
.mobile-features{list-style:none}
.mobile-features li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-weight:600;color:var(--dark)}
.mobile-features li::before{content:'';width:24px;height:24px;border-radius:50%;background:var(--green-light);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}
.testimonials{background:var(--gray)}
.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.test-card{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative}
.test-card::before{content:'\201C';position:absolute;top:-10px;left:20px;font-size:4rem;color:var(--yellow);font-family:Georgia,serif;line-height:1}
.test-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--yellow));display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:800;font-size:1.2rem;margin-bottom:12px}
.test-card p{color:var(--dark);font-size:.95rem;margin-bottom:16px;position:relative;z-index:1}
.test-author{font-weight:700;color:var(--black)}
.test-role{color:var(--gray3);font-size:.85rem}
.test-stars{color:var(--yellow);font-size:1rem;margin-bottom:8px}
.innovation{background:linear-gradient(135deg,var(--blue-dark),var(--black));color:var(--white);overflow:hidden}
.innovation .section-title h2{color:var(--white)}
.innovation .section-title p{color:var(--gray2)}
.innov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.innov-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,210,63,.2);border-radius:var(--radius);padding:28px;transition:var(--transition)}
.innov-card:hover{border-color:var(--yellow);transform:scale(1.02)}
.innov-card h3{color:var(--yellow);font-size:1.1rem;font-weight:800;margin-bottom:10px}
.innov-card p{color:var(--gray2);font-size:.9rem}
.privacy-sec{background:var(--white)}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.privacy-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%}
.privacy-text h2{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:var(--black);margin-bottom:16px}
.privacy-text p{color:var(--gray3);margin-bottom:20px}
.privacy-list{list-style:none}
.privacy-list li{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}
.privacy-list li::before{content:'';width:22px;height:22px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}
.privacy-list li strong{color:var(--black)}
.privacy-list li span{color:var(--gray3);font-size:.9rem}
.article-sec{background:var(--gray)}
.article-wrap{max-width:800px;margin:0 auto;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.article-img{width:100%;height:320px;object-fit:cover}
.article-body{padding:40px}
.article-body h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:var(--black);margin-bottom:8px}
.article-meta{display:flex;gap:16px;align-items:center;color:var(--gray3);font-size:.85rem;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;flex-wrap:wrap}
.article-meta .tag{background:var(--yellow);color:var(--black);padding:3px 10px;border-radius:4px;font-weight:700;font-size:.75rem}
.article-body p{margin-bottom:16px;color:#333;font-size:1.02rem;line-height:1.8}
.article-body h3{font-size:1.3rem;font-weight:700;color:var(--black);margin:24px 0 12px}
.article-body ul,.article-body ol{margin-bottom:16px;padding-left:24px}
.article-body ul li,.article-body ol li{margin-bottom:8px;color:#333;line-height:1.7}
.article-body blockquote{border-left:4px solid var(--yellow);padding:12px 20px;background:var(--gray);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:20px 0;font-style:italic;color:#555}
.faq-sec{background:var(--white)}
.faq-wrap{max-width:800px;margin:0 auto}
.faq-item{border:1px solid #e0e0e0;border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;background:var(--gray)}
.faq-q{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--black);font-size:1rem;transition:var(--transition)}
.faq-q:hover{background:#EBEBEF}
.faq-q .icon{font-size:1.3rem;color:var(--red);transition:var(--transition);flex-shrink:0;margin-left:12px}
.faq-item.open .faq-q .icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-item.open .faq-a{max-height:500px}
.faq-a-inner{padding:0 24px 18px;color:#333;font-size:.95rem;line-height:1.7}
.search-wrap{margin:20px 0}
.search-box{display:flex;max-width:500px;margin:0 auto;gap:8px}
.search-box input{flex:1;padding:12px 18px;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:1rem;outline:none;transition:var(--transition)}
.search-box input:focus{border-color:var(--yellow)}
.search-box button{padding:12px 24px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:var(--transition)}
.search-box button:hover{transform:translateY(-2px)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.tag-cloud a{padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;transition:var(--transition)}
.tag-cloud a:nth-child(6n+1){background:#FFE0E6;color:var(--red)}
.tag-cloud a:nth-child(6n+2){background:#E0F4E8;color:var(--green-dark)}
.tag-cloud a:nth-child(6n+3){background:#FFF4CC;color:var(--yellow-dark)}
.tag-cloud a:nth-child(6n+4){background:#D6E8FF;color:var(--blue)}
.tag-cloud a:nth-child(6n+5){background:#EEE;color:var(--black)}
.tag-cloud a:nth-child(6n+6){background:#FFE0E6;color:var(--red-dark)}
.tag-cloud a:hover{transform:scale(1.08)}
.breadcrumb{background:var(--dark);padding:14px 0}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.breadcrumb li{color:var(--gray3);font-size:.85rem}
.breadcrumb li a{color:var(--yellow);font-weight:600}
.breadcrumb li:not(:last-child)::after{content:'/';margin-left:8px;color:var(--gray3)}
.breadcrumb li:last-child{color:var(--gray2)}
.footer{background:var(--black);color:var(--gray2);padding:50px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
.footer-brand{font-size:1.4rem;font-weight:900;color:var(--white);margin-bottom:12px}
.footer-brand span{color:var(--yellow)}
.footer-about{font-size:.9rem;color:var(--gray3);line-height:1.7;margin-bottom:16px}
.footer h4{color:var(--white);font-size:1rem;font-weight:700;margin-bottom:14px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:8px}
.footer ul li a{color:var(--gray3);font-size:.9rem}
.footer ul li a:hover{color:var(--yellow)}
.footer-18{display:inline-flex;align-items:center;gap:8px;background:rgba(255,210,63,.15);border:1px solid var(--yellow);color:var(--yellow);padding:6px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;margin-top:12px}
.footer-social{display:flex;gap:12px;margin-top:16px}
.footer-social a{width:36px;height:36px;border-radius:50%;background:var(--dark2);display:flex;align-items:center;justify-content:center;color:var(--gray2);font-size:1rem;transition:var(--transition)}
.footer-social a:hover{background:var(--yellow);color:var(--black)}
.footer-bottom{border-top:1px solid var(--dark2);padding-top:20px;text-align:center;color:var(--gray3);font-size:.85rem}
.footer-bottom p{margin-bottom:6px}
.rg-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-dark);color:var(--white);padding:4px 12px;border-radius:50px;font-size:.8rem;font-weight:700}
.float-btn-wrap{position:fixed;bottom:0;left:0;right:0;z-index:999;display:flex;justify-content:center;pointer-events:none}
.float-btn-inner{display:flex;gap:12px;padding:12px 20px;pointer-events:auto}
.float-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:900;cursor:pointer;border:3px solid;overflow:hidden;transition:var(--transition);letter-spacing:.5px;text-transform:uppercase;min-width:140px}
.float-btn-reg{background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white);border-color:var(--yellow);box-shadow:0 0 20px rgba(255,210,63,.5),0 4px 15px rgba(200,16,46,.5)}
.float-btn-reg:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,210,63,.7),0 6px 20px rgba(200,16,46,.6)}
.float-btn-log{background:linear-gradient(135deg,var(--green),var(--green-dark));color:var(--white);border-color:var(--yellow);box-shadow:0 0 20px rgba(255,210,63,.4),0 4px 15px rgba(10,125,44,.5)}
.float-btn-log:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,210,63,.6),0 6px 20px rgba(10,125,44,.6)}
.float-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s infinite linear}
@keyframes shine{0%{transform:translateX(-100%) translateY(-100%)}100%{transform:translateX(100%) translateY(100%)}}
.float-btn .coin{position:absolute;font-size:1rem;opacity:0;animation:coinFloat 2s infinite ease-out;pointer-events:none}
@keyframes coinFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-40px) scale(.5) rotate(180deg)}}
.cat-hero{background:linear-gradient(135deg,var(--black),var(--dark2));padding:50px 0;position:relative;overflow:hidden}
.cat-hero-content{position:relative;z-index:2;text-align:center;color:var(--white)}
.cat-hero h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;margin-bottom:12px}
.cat-hero h1 span{color:var(--yellow)}
.cat-hero p{color:var(--gray2);max-width:600px;margin:0 auto;font-size:1.05rem}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.promo-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:2px solid transparent}
.promo-card:hover{border-color:var(--yellow);transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.promo-card-img{width:100%;height:200px;object-fit:cover}
.promo-card-body{padding:24px}
.promo-card-body h3{font-size:1.2rem;font-weight:800;color:var(--black);margin-bottom:8px}
.promo-card-body p{color:var(--gray3);font-size:.9rem;margin-bottom:12px}
.promo-badge{display:inline-block;background:var(--red);color:var(--white);padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:700;margin-bottom:8px}
.auth-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--black),var(--blue-dark))}
.auth-card{background:var(--white);border-radius:var(--radius-lg);padding:40px;max-width:440px;width:100%;box-shadow:var(--shadow-lg)}
.auth-card h1{font-size:1.6rem;font-weight:800;color:var(--black);margin-bottom:8px;text-align:center}
.auth-card .sub{text-align:center;color:var(--gray3);margin-bottom:24px;font-size:.9rem}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-weight:700;color:var(--black);font-size:.9rem;margin-bottom:6px}
.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:1rem;outline:none;transition:var(--transition)}
.form-group input:focus{border-color:var(--yellow)}
.form-check{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.form-check input{width:18px;height:18px}
.form-check label{font-size:.85rem;color:var(--gray3)}
.form-check a{color:var(--blue);font-weight:600}
.auth-note{text-align:center;margin-top:20px;font-size:.85rem;color:var(--gray3)}
.auth-note a{color:var(--red);font-weight:700}
.auth-disclaimer{margin-top:16px;padding:12px;background:#FFF8E1;border-radius:var(--radius-sm);font-size:.8rem;color:#666;text-align:center;line-height:1.5}
.content-page{background:var(--gray)}
.content-wrap{max-width:800px;margin:0 auto;background:var(--white);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow)}
.content-wrap h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:var(--black);margin-bottom:8px}
.content-wrap .meta{color:var(--gray3);font-size:.85rem;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}
.content-wrap img{border-radius:var(--radius);margin:20px 0;width:100%}
.content-wrap p{margin-bottom:16px;color:#333;line-height:1.8;font-size:1.02rem}
.content-wrap h2{font-size:1.4rem;font-weight:700;color:var(--black);margin:24px 0 12px}
.content-wrap h3{font-size:1.2rem;font-weight:700;color:var(--black);margin:20px 0 10px}
.content-wrap ul,.content-wrap ol{margin-bottom:16px;padding-left:24px}
.content-wrap ul li,.content-wrap ol li{margin-bottom:8px;color:#333;line-height:1.7}
.content-wrap table{width:100%;border-collapse:collapse;margin:20px 0}
.content-wrap table th,.content-wrap table td{border:1px solid #ddd;padding:10px 14px;text-align:left;font-size:.9rem}
.content-wrap table th{background:var(--yellow);color:var(--black);font-weight:700}
.content-wrap table tr:nth-child(even){background:var(--gray)}
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .mobile-grid{grid-template-columns:1fr;gap:24px}
  .privacy-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:768px){
  .nav{display:none;position:fixed;top:70px;left:0;right:0;background:var(--black);flex-direction:column;padding:20px;gap:0;border-bottom:3px solid var(--yellow);z-index:998}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--dark2);width:100%;font-size:1rem}
  .nav a:last-child{border-bottom:none}
  .menu-toggle{display:flex}
  .header-btns{gap:8px}
  .header-btns .btn{padding:8px 16px;font-size:.85rem}
  .section{padding:40px 0}
  .hero{padding:50px 0 40px}
  .hero-trust{gap:16px}
  .article-body{padding:24px}
  .content-wrap{padding:24px}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .float-btn{padding:12px 20px;font-size:.9rem;min-width:110px}
  .float-btn-inner{gap:8px;padding:10px 12px;width:100%;justify-content:center}
  .breadcrumb ol{font-size:.8rem}
}
@media(max-width:480px){
  .logo{font-size:1.2rem}
  .logo-icon{width:30px;height:30px;font-size:1rem}
  .header-btns .btn{padding:7px 12px;font-size:.8rem}
  .hero h1{font-size:1.8rem}
  .hero p{font-size:.95rem}
  .hero-btns{flex-direction:column;align-items:center}
  .hero-btns .btn{width:100%;max-width:280px}
  .article-body{padding:20px}
  .content-wrap{padding:18px}
  .float-btn{padding:10px 16px;font-size:.85rem;min-width:100px}
  .cards-grid{grid-template-columns:1fr}
  .test-grid{grid-template-columns:1fr}
}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mb-20{margin-bottom:20px}
.mb-40{margin-bottom:40px}
.pt-0{padding-top:0}
.hidden{display:none}
.age-banner{background:linear-gradient(135deg,var(--red-dark),var(--black));color:var(--white);text-align:center;padding:8px 20px;font-size:.85rem;font-weight:600}
.age-banner strong{color:var(--yellow)}
.rg-sec{background:linear-gradient(135deg,var(--green-dark),var(--black));color:var(--white);text-align:center;padding:40px 0}
.rg-sec h2{color:var(--white);font-size:clamp(1.4rem,4vw,2rem);font-weight:800;margin-bottom:12px}
.rg-sec p{color:var(--gray2);max-width:700px;margin:0 auto 20px;font-size:.95rem}
.rg-features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.rg-feature{display:flex;align-items:center;gap:8px;color:var(--yellow);font-weight:600;font-size:.9rem}