*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#efefef;color:#2b2b2b;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1080px,96%);margin:0 auto}
.top-header{background:#f5f5f5;padding:8px 0}
.top-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:6px;border:4px solid #e57215;border-radius:999px;padding:5px 16px;background:#fff;color:#e57215;font-weight:800;font-size:30px;line-height:1}
.brand__coin{font-size:34px}
.top-actions{display:flex;gap:10px}
.pill-btn{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#fff}
.pill-btn--blue{background:#294bf6;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.main-nav{background:#f47b20;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;padding:12px 8px}
.nav-inner a{color:#fff;font-weight:700;font-size:13px}
.nav-inner a span{opacity:.75}
.page-shell{padding-bottom:32px}
.hero-banner{display:grid;grid-template-columns:1.1fr .9fr;min-height:435px;background:linear-gradient(90deg,#180800 0%,#3e1402 45%,#6b2a05 100%);overflow:hidden;position:relative}
.hero-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,179,68,.35),transparent 20%),radial-gradient(circle at 65% 55%,rgba(255,196,91,.2),transparent 25%),linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08))}
.hero-banner__left,.hero-banner__right{position:relative;z-index:1;padding:18px}
.hero-logo{display:inline-block;background:#111;color:#ff8c22;border:3px solid #e2a34a;border-radius:18px;padding:10px 20px;font-size:54px;font-weight:900;letter-spacing:1px;box-shadow:0 12px 18px rgba(0,0,0,.25)}
.hero-tags{display:flex;gap:14px;margin:38px 0 22px;flex-wrap:wrap}
.hero-tags span{padding:12px 26px;border-radius:999px;background:linear-gradient(180deg,#ffcf3f,#ff8a00 55%,#df3400);border:4px solid #ffe3a2;color:#fff;font-weight:900;font-size:28px;text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:0 8px 12px rgba(0,0,0,.15)}
.hero-banner h1{font-size:58px;line-height:1.05;color:#fff;text-shadow:0 3px 0 rgba(122,30,0,.7);font-weight:900;margin-top:10px}
.script-text{font-size:60px;font-style:italic;color:#ffd9d2;margin:8px 0 4px 48px;text-shadow:0 0 10px rgba(255,255,255,.2)}
.big-bonus{font-size:106px;line-height:1;font-weight:900;background:linear-gradient(180deg,#fff89f 0%,#ffd534 30%,#ffbf00 55%,#ff8d00 85%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:6px 6px 0 rgba(117,31,0,.65),0 0 18px rgba(255,204,0,.12)}
.hero-banner__right{display:flex;align-items:flex-end;justify-content:center}
.character-glow{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ffd84f 0%,rgba(255,184,31,.7) 30%,rgba(255,151,39,.15) 60%,transparent 72%)}
.hero-character{position:relative;width:100%;max-width:470px;height:100%}
.phone-badge{position:absolute;left:98px;top:76px;width:76px;height:112px;background:linear-gradient(180deg,#3a2106,#101010);border:5px solid #ffd970;border-radius:18px;color:#ffd34f;font-weight:900;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-18deg);box-shadow:0 10px 18px rgba(0,0,0,.3)}
.queen{position:absolute;right:78px;bottom:26px;width:188px;height:286px;background:radial-gradient(circle at 50% 18%,#ffe6c8 0 22%,transparent 23%),radial-gradient(circle at 50% 30%,#202020 0 23%,transparent 24%),linear-gradient(180deg,#1d1d1d 0 22%,#e5b54b 22% 25%,#f2dca0 25% 27%,#242424 27% 32%,transparent 32%),radial-gradient(circle at 50% 10%,#f3ce63 0 12%,transparent 13%),linear-gradient(180deg,#b85c1f 0 15%,transparent 16%),linear-gradient(180deg,#ffffff 38%,#efe3d0 72%,#c37f1f 73%,#f0ba4b 88%,#9c5d16 100%);border-radius:100px 100px 48px 48px;box-shadow:0 18px 28px rgba(0,0,0,.3)}
.queen::before,.queen::after{content:"";position:absolute;top:48px;width:58px;height:18px;background:linear-gradient(90deg,#e5b74d,#ffe48d,#ce8e2d);border-radius:30px}
.queen::before{left:-34px;transform:rotate(-28deg)}
.queen::after{right:-34px;transform:rotate(28deg)}
.dragon{position:absolute;right:10px;top:24px;width:132px;height:185px;background:radial-gradient(circle at 30% 30%,#ffd76d 0 10%,transparent 11%),linear-gradient(180deg,#ffe26e,#f39a2d 58%,#e55b10);clip-path:polygon(52% 0,70% 8,92% 32,100% 58,92% 80,74% 100,46% 92,28% 72,8% 44,0 16,28% 8);transform:rotate(18deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.shark{position:absolute;bottom:14px;width:112px;height:112px;background:radial-gradient(circle at 38% 42%,#fff 0 9%,transparent 10%),linear-gradient(180deg,#9dd8f2,#68c4e8 50%,#2aa2dc);border-radius:50% 45% 45% 50%;box-shadow:0 14px 20px rgba(0,0,0,.2)}
.shark::before{content:"";position:absolute;left:18px;bottom:18px;width:72px;height:18px;background:#fff;clip-path:polygon(0 0,100% 0,88% 100%,75% 50%,62% 100%,50% 50%,38% 100%,25% 50%,12% 100%)}
.shark::after{content:"";position:absolute;right:-14px;top:30px;width:34px;height:34px;background:inherit;clip-path:polygon(0 50%,100% 0,100% 100%)}
.shark--left{left:42px;background:radial-gradient(circle at 38% 42%,#fff 0 9%,transparent 10%),linear-gradient(180deg,#d9f8ff,#a2e8fb 50%,#44bddc)}
.shark--right{right:0;bottom:0}
.headline-box{background:#fff;border:1px solid #ddd;margin:22px auto 26px;max-width:740px;text-align:center;padding:10px 18px;position:relative}
.headline-box::before,.headline-box::after{content:"";position:absolute;top:50%;width:64px;height:1px;background:#d7d7d7}
.headline-box::before{left:-64px}.headline-box::after{right:-64px}
.headline-box h2{font-size:20px;color:#e9781d;font-weight:800}
.promo-strip{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto 28px;max-width:780px}
.promo-card{min-height:48px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:6px 14px;border:1px solid rgba(0,0,0,.1);font-weight:800;box-shadow:0 2px 4px rgba(0,0,0,.08)}
.promo-card strong{font-size:16px;line-height:1.1}.promo-card span{font-size:12px}
.promo-card--gold{background:linear-gradient(90deg,#ffe178,#ffbb34)}
.promo-card--orange{background:linear-gradient(90deg,#ffd06f,#ff8f1f);color:#891f00}
.promo-card--red{background:linear-gradient(90deg,#ffd066,#ff5c37);color:#7d0f00}
.promo-close{position:absolute;right:-12px;top:-20px;width:28px;height:28px;border:0;border-radius:4px;background:#666;color:#fff;font-size:20px;cursor:pointer}
.content-grid{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}
.sidebar-box,.article-box{background:#fff;border:1px solid #dfdfdf;padding:18px}
.sidebar-box h3{font-size:20px;color:#e9781d;margin-bottom:12px}
.sidebar-box ul{list-style:none}.sidebar-box li+li{margin-top:10px}
.sidebar-box a{display:block;padding:10px 12px;background:#fafafa;border:1px solid #ececec;border-left:4px solid #f47b20;font-weight:700;color:#444}
.article-box h2{font-size:28px;margin-bottom:12px;color:#393939}.article-box h3{font-size:22px;margin:18px 0 10px;color:#393939}
.article-box p,.article-box li{color:#555;font-size:16px;margin-bottom:12px}.article-box ul{padding-left:22px}
.site-footer{background:#202020;color:#ddd;margin-top:26px}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:24px 0}
.footer-inner h4{margin-bottom:10px;color:#fff}.footer-inner ul{list-style:none}.footer-inner li+li{margin-top:6px}
.page-simple{padding:28px 0}.simple-card{background:#fff;border:1px solid #ddd;padding:24px}.simple-card h1{font-size:30px;color:#e9781d;margin-bottom:10px}.simple-card p{margin-bottom:14px;color:#555}
@media (max-width: 900px){.hero-banner{grid-template-columns:1fr;min-height:auto}.hero-banner h1{font-size:42px}.script-text{font-size:40px;margin-left:0}.big-bonus{font-size:76px}.hero-banner__right{min-height:320px}.content-grid,.footer-inner{grid-template-columns:1fr}.headline-box::before,.headline-box::after{display:none}}
@media (max-width: 640px){.top-header__inner{flex-direction:column}.brand{font-size:24px}.brand__coin{font-size:26px}.nav-inner{gap:14px}.hero-logo{font-size:36px}.hero-tags span{font-size:20px;padding:10px 18px}.hero-banner h1{font-size:32px}.big-bonus{font-size:56px}.promo-strip{grid-template-columns:1fr}.promo-close{right:4px;top:-14px}.article-box h2{font-size:24px}}
.center-image-box {
    max-width: 1100px;
    margin: 40px auto;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    padding: 25px;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

.center-image-box img {
    width: 100%;
    max-width: 900px;
    border-radius: 6px;
    transition: 0.3s;
}

.center-image-box img:hover {
    transform: scale(1.02);
}