:root{--bg:#071b17;--panel:#0d2922;--panel2:#12372d;--gold:#e7bd68;--cream:#f5f0e4;--muted:#b7c9bf;--line:rgba(231,189,104,.22);--green:#1d604b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#164435 0,transparent 32%),var(--bg);color:var(--cream);font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(5,22,18,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:1.4px;font-size:21px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#f4d48c,#a87528);color:#10251e;font-size:25px;box-shadow:0 6px 24px #d9ae5540}
nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;color:var(--muted);font-weight:650}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);background:linear-gradient(135deg,#f1d18b,#c18b3d);color:#14251d!important;border-radius:9px;padding:11px 18px;font-weight:850;letter-spacing:.2px}.nav-cta:hover,.btn:hover{filter:brightness(1.08)}
.hero{padding:82px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;font-weight:800}.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.08;margin:14px 0 20px;letter-spacing:-1.8px}.hero p{color:var(--muted);max-width:610px;font-size:17px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:transparent;color:var(--cream)!important;border-color:#719184}.hero-art{min-height:360px;position:relative;display:grid;place-items:center}.table{width:100%;max-width:460px;aspect-ratio:1.2;border-radius:50%;background:radial-gradient(ellipse,#28765a,#104333 65%,#08251d 66%);border:12px solid #9a6d32;box-shadow:0 25px 70px #0008,inset 0 0 0 3px #e4bd70;display:grid;place-items:center;transform:rotate(-7deg)}.cards{display:flex;gap:12px;transform:rotate(7deg)}.playing-card{width:112px;height:158px;border-radius:12px;background:#fffaf0;color:#18251f;box-shadow:0 12px 24px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:12px;font-size:22px;font-weight:900}.playing-card:nth-child(2){transform:translateY(-18px) rotate(8deg)}.playing-card:nth-child(3){transform:rotate(14deg)}.playing-card span:nth-child(2){font-size:48px;text-align:center}.red{color:#b63b37}
section{padding:64px 0}.section-head{max-width:680px;margin-bottom:28px}.section-head h2{font-size:clamp(28px,3vw,39px);line-height:1.2;margin:8px 0 12px}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:24px}.tile .icon{font-size:30px;color:var(--gold)}.tile h3{margin:10px 0 7px;font-size:20px}.tile p{margin:0;color:var(--muted);font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.feature-panel{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#123a2e,#0a211b)}.feature-panel ul{padding-left:20px;color:var(--muted)}.feature-panel li{padding:5px 0}.callout{border-left:3px solid var(--gold);padding:14px 18px;background:#ffffff08;color:var(--muted);margin-top:22px}.steps{counter-reset:step;display:grid;gap:14px}.step{display:flex;gap:16px;padding:16px;border-radius:12px;background:#ffffff08}.step:before{counter-increment:step;content:counter(step);flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#10251e;font-weight:900}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}.notice{background:#2d291b;border:1px solid #9a7b3b;border-radius:12px;padding:18px 20px;color:#f4dfad;font-size:14px}
footer{border-top:1px solid var(--line);padding:32px 0 42px;color:var(--muted);font-size:14px}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.page-hero{padding:64px 0 38px}.page-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.12;margin:10px 0}.content{max-width:850px}.content h2{margin-top:36px;color:var(--gold)}.content p,.content li{color:var(--muted)}.content ul{padding-left:22px}
.mobile-menu{display:none}
@media(max-width:760px){.nav{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 0}.nav nav{order:3;width:100%;justify-content:space-between;gap:12px;padding-bottom:6px}.nav-cta{padding:8px 12px;font-size:13px}.hero{grid-template-columns:1fr;padding:56px 0 40px;gap:20px}.hero-art{min-height:270px}.table{max-width:360px}.playing-card{width:82px;height:122px;font-size:18px}.playing-card span:nth-child(2){font-size:36px}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1120px)}section{padding:48px 0}}