:root{--bg:#0a0f1f;--bg-soft:#0b1220;--card:#0c1426;--border:#1b263b;--text:#f1f5f9;--muted:#a8b3c7;--gold:#F7E27A;--gold-2:#D4AF37;--silver:#C0C0C0;--max:1100px;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 20px}.header{background:linear-gradient(180deg,#0a0f1a,rgba(17,24,39,.55));border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:0;z-index:50}.brand__logo{height:50px;width:auto;display:block}.header__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.brand__logo img{height:40px;vertical-align:middle}.brand__name{font-weight:700;margin-left:8px;color:var(--gold);letter-spacing:.5px}.nav a{color:var(--text);margin:0 10px;font-weight:500}.nav a:hover{color:var(--gold)}.hero{background:radial-gradient(1000px 500px at 85% -20%,rgba(212,175,55,.18),transparent 60%),linear-gradient(180deg,rgba(18,24,38,1) 0%,#0a0f1f 60%);text-align:center;padding:60px 20px;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin-bottom:10px;color:var(--gold)}.hero p{color:var(--muted);max-width:700px;margin:0 auto 20px}.hero-buttons{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:700;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#111;box-shadow:0 6px 18px rgba(212,175,55,.25)}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{border:1px solid #334155;color:#f1f5f9;background:rgba(15,23,42,.35)}.btn-outline:hover{border-color:#64748b}.section{padding:60px 20px;border-top:1px solid var(--border)}h2{color:var(--gold);text-align:center;margin-bottom:16px}.article{max-width:900px;margin:0 auto;color:#cbd5e1}.article h3{color:var(--gold-2);margin-top:28px}.article a{color:var(--gold)}.article a:hover{text-decoration:underline}.article ul,.article ol{padding-left:24px;margin-bottom:16px}.article li{margin-bottom:10px;color:#d1d5db}.article hr{border:0;border-top:1px solid #333;margin:30px 0}.blog-cover img{border-radius:12px;width:100%;max-width:720px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.25)}.faq{max-width:800px;margin:24px auto 0}.faq-item{border:1px solid #1f2a44;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-question{background:#0c1426;color:var(--gold);padding:14px;cursor:pointer;font-weight:600}.faq-answer{display:none;padding:14px;background:#0b1220;color:#cbd5e1}.footer{background:#0b1222;border-top:1px solid var(--border);text-align:center;padding:22px 0;color:#a7b4c9;font-size:14px}.footer__row{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-nav{display:flex;gap:18px;justify-content:center;margin-bottom:8px}.footer-nav a{color:#a7b4c9}.footer-nav a:hover{color:var(--gold)}footer small a{color:var(--gold)}footer small a:hover{text-decoration:underline}@media(max-width:900px){.nav{width:100%;text-align:center;margin-top:8px}.nav a{display:inline-block;margin:6px}}.reviews .section-desc{text-align:center;color:#a8b3c7;margin-bottom:30px}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.review{background:var(--card);border:1px solid #162038;border-radius:16px;padding:20px;text-align:center;box-shadow:var(--shadow);transition:transform .2s ease}.review:hover{transform:translateY(-4px)}.review .avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);margin-bottom:10px}.review h3{color:var(--gold);margin-bottom:8px;font-size:17px}.review p{color:#cbd5e1;font-size:14.5px;line-height:1.5;margin-bottom:10px}.stars{color:#F7E27A;font-size:18px}figure{text-align:center;margin:24px auto}figure img{width:100%;max-width:720px;height:auto;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.25)}figcaption{font-size:.9rem;color:#a8b3c7;margin-top:6px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px}.blog-card{background:#1a1a1a;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.3);transition:transform .25s ease}.blog-card:hover{transform:translateY(-6px)}.blog-thumb img{width:100%;height:220px;object-fit:cover}.blog-info{padding:18px}.blog-info h2{font-size:1.2rem;margin-bottom:10px}.blog-info p{font-size:.95rem;color:#cdd2d9;margin-bottom:12px;line-height:1.6}.btn-read{display:inline-block;padding:8px 14px;border:1px solid #F7E27A;border-radius:6px;color:#F7E27A;font-size:.9rem;transition:background .3s}.btn-read:hover{background:#F7E27A;color:#000}.error-page{background:#0a0f1f;color:#f1f5f9;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;opacity:1;transition:opacity 1s ease-in-out}.error-page.fade-out{opacity:0}.error-page .logo{width:200px;max-width:90%;height:auto;margin-bottom:24px}.dialog{background:#131a2a;padding:26px 32px;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.4);max-width:400px;width:100%;animation:pop .6s ease-in-out;text-align:center}.dialog h1{font-size:20px;color:#F7E27A;margin-bottom:12px}.dialog p{font-size:14px;color:#a8b3c7;margin-bottom:14px}.loader{border:3px solid #2a3242;border-top:3px solid #F7E27A;border-radius:50%;width:36px;height:36px;margin:14px auto;animation:spin 1s linear infinite}.countdown{margin-top:8px;font-size:13px;color:#F7E27A}.cta{color:#F7E27A;text-decoration:none;font-weight:600}.cta:hover{text-decoration:underline}.help-links{margin-top:18px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.help-links a{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;background:#1b2333;border:1px solid rgba(255,255,255,0.08);color:#F7E27A;transition:background .3s;text-decoration:none}.help-links a:hover{background:#2a344a}.help-links img{width:18px;height:18px;object-fit:contain;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
