html,body{margin:0;padding:0}
/* Ozoon (ozooncasino.app) — official lobby look, zn- prefix */
@font-face{font-family:ZnBarlow;src:url(/images/zn/barlow-condensed-600.woff2);font-weight:600;font-display:swap}
@font-face{font-family:ZnBarlow;src:url(/images/zn/barlow-condensed-700.woff2);font-weight:700;font-display:swap}
@font-face{font-family:ZnInter;src:url(/images/zn/inter-400.woff2);font-weight:400;font-display:swap}
@font-face{font-family:ZnInter;src:url(/images/zn/inter-600.woff2);font-weight:600;font-display:swap}
@font-face{font-family:ZnInter;src:url(/images/zn/inter-700.woff2);font-weight:700;font-display:swap}
.zn-root{--zn-dark:#141416;--zn-dark2:#1d1d20;--zn-bg:#f3f3f6;--zn-card:#fff;--zn-line:#e4e4ea;--zn-text:#4b4b55;--zn-ink:#17171b;--zn-indigo:#5b5bd6;--zn-indigo2:#4a4ac0;--zn-gold:#c9a15a;background:var(--zn-bg);color:var(--zn-text);font-family:ZnInter,Inter,Arial,sans-serif;font-size:16px;line-height:1.65;min-height:100vh}
.zn-root *,.zn-root *::before,.zn-root *::after{box-sizing:border-box}
.zn-root img{max-width:100%;height:auto;display:block}
.zn-root a{color:inherit;text-decoration:none}
.zn-root h1,.zn-root h2,.zn-root h3{font-family:ZnBarlow,'Barlow Condensed',Arial,sans-serif;color:var(--zn-ink);text-transform:uppercase;line-height:1.05;margin:0 0 .5em;font-weight:700;letter-spacing:.01em}
.zn-root h1{font-size:clamp(30px,4vw,48px)}
.zn-root h2{font-size:clamp(24px,2.6vw,32px);margin-top:1.5em}
.zn-root h3{font-size:22px}
.zn-root p{margin:0 0 1em}

/* header */
.zn-header{background:var(--zn-dark);position:sticky;top:0;z-index:40}
.zn-header-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:10px 20px}
.zn-logo{width:110px;height:auto}
.zn-nav{display:none;gap:26px}
@media(min-width:1024px){.zn-nav{display:flex}}
.zn-nav a{color:#fff;font-weight:600;font-size:15px}
.zn-nav a:hover,.zn-nav a[aria-current=page]{color:var(--zn-gold)}
.zn-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.zn-btn{display:inline-flex;align-items:center;justify-content:center;font-family:ZnBarlow,'Barlow Condensed',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;cursor:pointer;border:0}
.zn-btn-join{background:var(--zn-indigo);color:#fff;padding:9px 30px;font-size:17px}
.zn-btn-join:hover{background:var(--zn-indigo2)}
.zn-btn-login{border:1px solid #6b6b72;color:#fff;padding:8px 26px;font-size:17px}
.zn-btn-login:hover{border-color:#fff}
.zn-burger{display:flex;background:none;border:0;color:#fff;cursor:pointer;padding:6px}
@media(min-width:1024px){.zn-burger{display:none}}
.zn-drawer{background:var(--zn-dark2);padding:8px 20px 16px}
.zn-drawer nav{display:grid;gap:2px}
.zn-drawer a{color:#fff;font-weight:600;padding:10px 4px;border-bottom:1px solid #2a2a2e}
.zn-drawer a[aria-current=page]{color:var(--zn-gold)}

/* hero */
.zn-hero{background:radial-gradient(120% 130% at 18% 10%,#3a3a40 0%,#17171a 55%,#0e0e10 100%);color:#fff;overflow:hidden}
.zn-hero-in{max-width:1280px;margin:0 auto;display:grid;gap:8px;padding:28px 20px 0;align-items:end}
@media(min-width:900px){.zn-hero-in{grid-template-columns:1.05fr 1fr;padding-top:44px}}
.zn-hero-art img{margin:0 auto;max-height:420px;width:auto}
@media(max-width:899px){.zn-hero-art img{max-height:280px}}
.zn-hero-copy{padding-bottom:36px}
.zn-hero-copy h1{color:#fff}
.zn-hero-sub{color:#c9c9d2;font-size:17px;max-width:52ch}
.zn-hero-cta{margin-top:18px}
.zn-btn-big{background:var(--zn-indigo);color:#fff;padding:15px 46px;font-size:21px}
.zn-btn-big:hover{background:var(--zn-indigo2)}
.zn-pulse{animation:znPulse 2.2s ease-in-out infinite}
@keyframes znPulse{0%,100%{box-shadow:0 0 0 0 rgba(91,91,214,.55)}50%{box-shadow:0 0 0 14px rgba(91,91,214,0)}}

/* benefits */
.zn-benefits{background:#fff;border-bottom:1px solid var(--zn-line);display:grid;gap:14px;grid-template-columns:repeat(2,1fr);max-width:1280px;margin:0 auto;padding:22px 20px}
@media(min-width:900px){.zn-benefits{grid-template-columns:repeat(5,1fr)}}
.zn-benefit{display:flex;gap:12px;align-items:center}
.zn-benefit svg{color:var(--zn-indigo);flex:0 0 auto}
.zn-benefit strong{display:block;color:var(--zn-ink);font-size:14.5px;line-height:1.25}
.zn-benefit span{font-size:12.5px;color:#8a8a93}

/* blocks */
.zn-block{max-width:1280px;margin:0 auto;padding:44px 20px 8px;text-align:center}
.zn-block-alt{background:#ececf1;max-width:none}
.zn-block-alt>*{max-width:1280px;margin-left:auto;margin-right:auto}
.zn-block-title{margin-top:0}
.zn-block-sub{color:#7a7a84;max-width:64ch;margin:0 auto 26px}
.zn-cards{display:grid;gap:18px;text-align:left}
@media(min-width:900px){.zn-cards{grid-template-columns:repeat(3,1fr)}}
.zn-card{background:var(--zn-card);border:1px solid var(--zn-line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:8px}
.zn-card svg{color:var(--zn-indigo)}
.zn-card h3{margin:6px 0 2px}
.zn-card p{margin:0;font-size:15px}
.zn-card-tag{color:var(--zn-indigo);font-weight:700;letter-spacing:.03em;font-size:14px;margin-top:6px}
.zn-btn-card{background:var(--zn-indigo);color:#fff;padding:12px 20px;font-size:18px;margin-top:auto}
.zn-btn-card:hover{background:var(--zn-indigo2)}
.zn-offers{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);text-align:left}
@media(min-width:900px){.zn-offers{grid-template-columns:repeat(4,1fr)}}
.zn-offer{background:var(--zn-card);border:1px solid var(--zn-line);border-radius:16px;overflow:hidden}
.zn-offer img{width:100%;aspect-ratio:424/220;object-fit:cover}
.zn-offer strong{display:block;padding:12px 14px;color:var(--zn-ink);font-size:15px;text-align:center}
.zn-offer:hover{border-color:var(--zn-indigo)}
.zn-games{display:grid;gap:14px;grid-template-columns:repeat(2,1fr);text-align:left}
@media(min-width:700px){.zn-games{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1100px){.zn-games{grid-template-columns:repeat(5,1fr)}}
.zn-game{background:var(--zn-card);border:1px solid var(--zn-line);border-radius:14px;overflow:hidden}
.zn-game img{width:100%;aspect-ratio:400/304;object-fit:cover}
.zn-game span{display:block;padding:9px 12px;color:var(--zn-ink);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zn-game:hover{border-color:var(--zn-indigo)}

/* hot drop band */
.zn-hdj{background-size:cover;background-position:center;color:#fff;text-align:center;padding:64px 20px;margin-top:44px}
.zn-hdj .zn-block-title{color:#fff}
.zn-hdj .zn-block-sub{color:#d9d9e2}

/* article */
.zn-wrap{max-width:920px;margin:0 auto;padding:36px 20px 10px}
.zn-text{background:var(--zn-card);border:1px solid var(--zn-line);border-radius:18px;padding:30px 26px}
.zn-lead{font-size:17.5px;color:#3c3c46}
.zn-text ul{margin:0 0 1em;padding-left:22px}
.zn-text li{margin-bottom:6px}
.zn-table-wrap{overflow-x:auto;margin:0 0 1em}
.zn-text table{width:100%;border-collapse:collapse;font-size:15px}
.zn-text th,.zn-text td{border:1px solid var(--zn-line);padding:10px 12px;text-align:left}
.zn-text th{background:#f7f7fa;color:var(--zn-ink)}
.zn-article-cta{text-align:center;margin:26px 0 8px}
.zn-faq details{border:1px solid var(--zn-line);border-radius:12px;padding:12px 16px;margin-bottom:10px;background:#fbfbfc}
.zn-faq summary{cursor:pointer;font-weight:600;color:var(--zn-ink)}
.zn-faq details p{margin:10px 0 2px}

/* footer */
.zn-footer{background:var(--zn-dark);color:#b9b9c2;margin-top:48px}
.zn-footer-in{max-width:1280px;margin:0 auto;padding:36px 20px 120px;display:grid;gap:20px;justify-items:center;text-align:center}
@media(min-width:1024px){.zn-footer-in{padding-bottom:48px}}
.zn-logo-foot{width:150px}
.zn-fnav{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;font-family:ZnBarlow,'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.05em}
.zn-fnav a{color:#fff}
.zn-fnav a:hover{color:var(--zn-gold)}
.zn-pays{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.zn-pays img{width:44px;height:auto}
.zn-legal{display:grid;gap:12px;justify-items:center;max-width:760px;font-size:13.5px}
.zn-legal svg{color:var(--zn-gold)}
.zn-legal p{margin:0}
.zn-copy{font-size:12.5px;color:#7c7c86}

/* mobile bottom bar */
.zn-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;background:var(--zn-dark2);border-top:1px solid #2a2a2e;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
@media(min-width:1024px){.zn-bar{display:none}}
.zn-bar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:#9a9aa4;padding:4px 0}
.zn-bar svg{width:20px;height:20px}
.zn-bar a[aria-current=page],.zn-bar a:hover{color:#fff}
.zn-bar a[aria-current=page] svg{color:var(--zn-gold)}