@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#0b101b;--surface:#101827;--surface2:#151f30;--line:#263145;--text:#edf0f5;--muted:#aab2c1;--gold:#d9a05f;--gold2:#efbd7e;--ink:#11141b;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}p{margin:0 0 1.25rem;color:var(--muted)}h1,h2{font-family:"Roboto Slab",serif;font-weight:300;line-height:1.25;margin:0 0 1rem}h1{font-size:clamp(2.5rem,4.2vw,4rem)}h2{font-size:clamp(2rem,3.2vw,3rem)}h3{margin:0 0 .55rem;line-height:1.35}:where(main,section) .container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:100px 0}.eyebrow{color:var(--gold2);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.heading{max-width:720px;margin:0 auto 50px;text-align:center}/* header: now handled by Bootstrap navbar in pages */.nav{min-height:88px;display:flex;align-items:center;gap:25px}.logo{font-size:1.7rem;font-style:italic;font-weight:900;letter-spacing:-.06em;transform:skew(-8deg)}.logo span{color:#23a4f1}.nav nav{margin-left:auto;display:flex;align-items:center;gap:25px}.nav nav a{font-size:.8rem;color:#cbd0da}.nav nav .active{color:var(--gold2)}.nav .login{padding:12px 23px;border-radius:7px;background:var(--gold);color:var(--ink);font-weight:700}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:1.6rem}.hero{position:relative;padding:95px 0 80px;background:radial-gradient(circle at 76% 42%,#1a2536,#101827 32%,#0b101b 70%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}.hero h1 em{color:var(--gold);font-style:normal}.lead{line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:2px solid transparent;border-radius:6px;font-weight:700}.gold{background:var(--gold2);color:var(--ink)}.outline{border-color:var(--gold);color:var(--gold2)}.dark{background:var(--ink)}.light{border-color:white}.placeholder{display:grid;place-items:center;overflow:hidden;border:1px solid rgba(217,160,95,.3);border-radius:9px;background:linear-gradient(135deg,#182235,#0b111d 58%,#2a1f1c);color:rgba(239,189,126,.7);font-size:.74rem;letter-spacing:.12em}.placeholder small{display:block;color:#788397;letter-spacing:0}.hero-img{min-height:412px;box-shadow:0 25px 60px rgba(0,0,0,.4)}.stats{border-block:1px solid var(--line);background:#121b2a}.stats>.container{display:grid;grid-template-columns:repeat(4,1fr);padding:32px 0}.stats div div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.stats div div:last-child{border:0}.stats b{color:var(--gold2);font-family:"Roboto Slab";font-size:1.8rem;font-weight:400}.stats span{color:var(--muted);font-size:.8rem}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.features article{padding:28px 24px;border:1px solid var(--line);background:var(--surface)}.features i{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:#2a2730;color:var(--gold2);font-style:normal}.features h3,.steps h3,.game-grid h3,.controls h3{font-size:1rem}.features p,.steps p,.game-grid p,.controls p{font-size:.82rem}.alt{background:var(--surface)}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.visual{position:relative;min-height:510px}.tall{position:absolute;inset:0 75px 35px 0}.small{position:absolute;right:0;bottom:0;width:48%;height:210px;border:8px solid var(--surface)}.text-link{color:var(--gold2);font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.steps article{position:relative;min-height:300px;padding:32px 25px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps b{display:block;margin-bottom:25px;color:#6c5238;font-family:"Roboto Slab";font-size:3rem}.steps a{position:absolute;bottom:24px;color:var(--gold2);font-size:.82rem}.games{background:var(--surface2)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:45px}.split>p{max-width:420px;margin-left:auto}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.game-grid>a{border:1px solid var(--line);background:#0d1521}.game-grid .placeholder{height:195px;border:0;border-bottom:1px solid var(--line);border-radius:0}.game-grid h3,.game-grid p{margin-left:18px;margin-right:18px}.game-grid h3{margin-top:16px}.privacy{display:grid;grid-template-columns:40% 60%;min-height:350px;border:1px solid var(--line);background:var(--surface)}.privacy .placeholder{border:0;border-radius:0}.privacy>div:last-child{padding:45px 52px}.privacy i,.privacy a{color:var(--gold2)}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.reviews article{position:relative;padding:35px 28px;border:1px solid var(--line);background:#0d1521}.reviews span{position:absolute;right:22px;top:0;color:#5b4734;font:5rem Georgia}.reviews b{display:block;color:var(--gold2);letter-spacing:.12em}.reviews strong,.reviews small{display:block}.reviews small{color:var(--muted)}.responsible{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.badges{display:flex;gap:10px;flex-wrap:wrap}.badges span,.safe{display:block;width:max-content;padding:7px 11px;border:1px solid var(--line);color:var(--gold2);font-size:.75rem}.controls article{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.controls i{color:var(--gold);font-style:normal}.cta{padding:85px 0;text-align:center;background:linear-gradient(100deg,#bd8143,#e3ad6c);color:var(--ink)}.cta .container{max-width:760px}.cta p,.cta .eyebrow{color:#44301f}.cta .actions{justify-content:center}.floating{position:fixed;z-index:60;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:10px;padding:7px;background:#090e18e8;border-radius:8px}.floating a{min-width:126px;padding:9px 18px;border-radius:5px;background:#08a64d;text-align:center;font-weight:700}.floating a:last-child{background:#efb51c;color:#111}
@media(max-width:1050px){.nav nav{gap:15px}.nav nav a{font-size:.72rem}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.nav{min-height:70px}.menu{display:block}.nav nav{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#090e18}.nav nav.open{display:flex}.hero-grid,.about,.responsible{grid-template-columns:1fr}.hero-img{min-height:350px}.steps,.game-grid{grid-template-columns:repeat(2,1fr)}.privacy{grid-template-columns:1fr}.privacy>.placeholder{min-height:280px}.reviews{grid-template-columns:1fr}}@media(max-width:600px){.container{width:calc(100% - 30px)}.section{padding:72px 0}h1{font-size:2.35rem}.hero{padding-top:60px}.actions{flex-direction:column}.stats>.container{grid-template-columns:repeat(2,1fr)}.stats div div{padding:16px 0}.features,.steps,.game-grid,.split{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.visual{min-height:390px}.privacy>div:last-child{padding:35px 25px}.floating{width:calc(100% - 24px)}.floating a{min-width:0;flex:1}}
/* Target-site fidelity pass: typography, surfaces and interaction states */
:root{--bg:#161b22;--surface:#1f2937;--surface2:#0d1117;--line:#2d3748;--text:#f9fafb;--muted:#cbd5e1;--gold:#d4a373;--gold2:#d4a373;--ink:#0d1117;--max:1140px}
body{background:#161b22;color:#f9fafb;font-family:Inter,sans-serif;font-size:16px;line-height:1.75}
p{color:#cbd5e1}
h1,h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:0}
h1{font-size:clamp(2.5rem,4vw,3.2rem);line-height:1.2;margin-bottom:20px}
h2{font-size:clamp(2rem,3vw,2.4rem);line-height:1.2;margin-bottom:16px}
h3{font-family:Inter,sans-serif;font-weight:600}
.section{padding:70px 0}.eyebrow{margin:0 0 8px;color:#d4a373;font-family:Inter,sans-serif;font-size:12.8px;font-weight:700;line-height:1.75;letter-spacing:.12em}.heading{margin-bottom:48px}
header{background:#0d1117;border-bottom:1px solid #2d3748;box-shadow:none}.nav{min-height:88px}.nav nav a{position:relative;color:#cbd5e1;font-size:14px;transition:color .2s}.nav nav a:not(.login):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#d4a373;transition:right .2s ease}.nav nav a:not(.login):hover,.nav nav .active{color:#d4a373}.nav nav a:not(.login):hover:after,.nav nav .active:after{right:0}.nav .login{padding:10px 20px;border-radius:6px;background:#d4a373;transition:background .2s,transform .15s,box-shadow .2s}.nav .login:hover{background:#e0b58c;transform:translateY(-2px);box-shadow:0 8px 18px rgba(212,163,115,.18)}
.hero{overflow:hidden;padding:88px 0 72px;background:#161b22}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-240px;border-radius:50%;background:rgba(212,163,115,.035);pointer-events:none}.hero h1 em{color:#d4a373}.lead{color:#cbd5e1;font-size:16px;line-height:1.75}.hero-img{min-height:410px;border:0;border-radius:10px;box-shadow:none;background:linear-gradient(135deg,#1f2937,#111827)}
.hero-actions{display:flex;align-items:center;gap:16px;width:100%;max-width:none}.hero-action{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:16px;line-height:1.5;text-align:center;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}.hero-action-primary{padding:.7rem 1.9rem;border:0;background:#d4a373;color:#0d1117;font-weight:700}.hero-action-primary:hover{background:#b8864e;color:#0d1117;transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,163,115,.18)}.hero-action-secondary{padding:.65rem 1.75rem;border:2px solid #d4a373;background:transparent;color:#d4a373;font-weight:600}.hero-action-secondary:hover{background:#d4a373;color:#0d1117;transform:translateY(-2px)}
.btn{padding:12px 32px;border-radius:6px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:24px;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.gold{background:#d4a373;color:#0d1117}.gold:hover{background:#e0b58c;box-shadow:0 8px 20px rgba(212,163,115,.18)}.outline{border:1px solid #d4a373;color:#d4a373;background:transparent}.outline:hover{background:#d4a373;color:#0d1117}.dark:hover{background:#1f2937}.light:hover{background:#fff;color:#0d1117}
.stats{border-block:1px solid #2d3748;background:#0d1117}.stats>.container{padding:28px 0}.stats div div{border-color:#2d3748}.stats b{color:#d4a373;font-family:"Playfair Display",serif;font-size:32px;font-weight:700;line-height:1.3}.stats span{color:#94a3b8;font-family:Inter,sans-serif;font-size:13.6px}
.features{gap:24px}.features article{position:relative;overflow:hidden;padding:28px;border:1px solid #2d3748;border-radius:12px;background:#1f2937;transition:border-color .2s,transform .2s,box-shadow .2s}.features article:after{content:"";position:absolute;width:90px;height:90px;right:-55px;top:-55px;border-radius:50%;background:rgba(212,163,115,.09);transition:transform .25s}.features article:hover{z-index:1;border-color:#d4a373;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.22)}.features article:hover:after{transform:scale(1.6)}.features i{width:52px;height:52px;margin-bottom:20px;border-radius:10px;background:rgba(212,163,115,.12);color:#d4a373;font-size:24px;transition:background .2s,color .2s,transform .2s}.features article:hover i{background:#d4a373;color:#0d1117;transform:rotate(-3deg) scale(1.04)}.features h3,.steps h3,.game-grid h3,.controls h3{margin-bottom:8px;color:#f9fafb;font-size:20px;font-weight:600;line-height:1.2}.features p,.steps p,.game-grid p,.controls p{color:#cbd5e1;font-size:15.2px;line-height:1.75}
.alt{background:#0d1117}.about{gap:72px}.placeholder{border:1px solid #2d3748;border-radius:10px;background:linear-gradient(135deg,#1f2937,#111827);color:#d4a373;transition:border-color .25s,transform .25s,box-shadow .25s}.visual:hover .tall{transform:translateY(-4px);border-color:#d4a373}.visual:hover .small{transform:translate(4px,-4px);border-color:#d4a373;box-shadow:0 16px 30px rgba(0,0,0,.3)}.text-link{color:#d4a373}.text-link:hover{color:#e0b58c}
.steps{grid-template-columns:repeat(4,1fr);gap:24px;border:0}.steps article{min-height:320px;padding:28px;border:1px solid #2d3748!important;border-radius:12px;background:#1f2937;text-align:center;transition:border-color .2s,transform .2s,box-shadow .2s}.steps article:hover{border-color:#d4a373!important;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.22)}.steps b{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:50%;background:#d4a373;color:#0d1117;font-family:Inter,sans-serif;font-size:19.2px;font-weight:800;line-height:1}.steps a{left:0;right:0;bottom:24px;color:#d4a373;font-size:14px;font-weight:600;transition:color .2s,transform .2s}.steps a:hover{color:#e0b58c;transform:translateX(3px)}
.games{padding:82px 0;background:#161b22}.games-heading{max-width:760px;margin:0 auto 58px;text-align:center}.games-heading .eyebrow{margin-bottom:12px;color:#d4a373;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.games-heading h2{margin-bottom:18px;color:#f9fafb;font-family:"Playfair Display",serif;font-size:clamp(2.15rem,3vw,3rem);font-weight:500;line-height:1.2}.games-heading>p:last-child{max-width:700px;margin:0 auto;color:#94a3b8;font-size:16px;line-height:1.7}.game-grid{gap:24px}.game-grid>a{overflow:hidden;border:1px solid #2d3748;border-radius:10px;background:#1f2937;transition:border-color .2s,transform .2s,box-shadow .2s}.game-grid>a:hover{border-color:#d4a373;transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.25)}.game-grid .placeholder{height:190px;border:0;border-radius:0;background:#111827;transition:transform .35s ease}.game-grid>a:hover .placeholder{transform:scale(1.035)}.game-grid h3,.game-grid p{margin-left:16px;margin-right:16px}.game-grid h3{margin-top:16px;margin-bottom:4px;font-size:16px}.game-grid p{margin-bottom:16px;color:#d4a373;font-size:13.6px}
.privacy{overflow:hidden;min-height:350px;border:1px solid #2d3748;border-radius:12px;background:#1f2937}.privacy>div:last-child{padding:44px 48px}.privacy i,.privacy a{color:#d4a373}.privacy a:hover{color:#e0b58c;text-decoration:underline}
.reviews{gap:24px}.reviews article{padding:28px;border:1px solid #2d3748;border-radius:12px;background:#1f2937;transition:border-color .2s,transform .2s,box-shadow .2s}.reviews article:hover{border-color:#d4a373;transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.22)}.reviews article p{padding-top:24px;color:#cbd5e1;font-size:15.2px}.reviews span{color:rgba(212,163,115,.25)}.reviews b{color:#d4a373}.reviews small{color:#94a3b8}
.badges span,.safe{border-color:#2d3748;border-radius:6px;color:#d4a373;background:#1f2937}.badges span{transition:border-color .2s,transform .2s}.badges span:hover{border-color:#d4a373;transform:translateY(-2px)}.controls article{border-color:#2d3748;transition:padding-left .2s,background .2s}.controls article:hover{padding-left:10px;background:linear-gradient(90deg,rgba(212,163,115,.06),transparent)}.controls i{color:#d4a373}.cta{padding:92px 0;background:#161d29;border-top:1px solid #2d3748;border-bottom:1px solid #2d3748;color:#f9fafb;text-align:center}.cta .container{max-width:820px}.cta h2{margin-bottom:18px;color:#f9fafb;font-size:clamp(2.2rem,3vw,3rem);font-weight:400;line-height:1.2}.cta p,.cta .eyebrow{color:#9fb2c9}.cta .eyebrow{margin-bottom:14px;color:#efbd7e}.cta > .container > p:not(.eyebrow){max-width:720px;margin:0 auto 42px;font-size:16px;line-height:1.8}.cta .actions{justify-content:center;align-items:center;gap:16px;flex-wrap:nowrap}.cta .btn{min-width:196px;min-height:56px;padding:14px 34px;border-radius:6px;font-size:17px;font-weight:700}.cta .btn.dark{background:#d8a46d;color:#0f141d}.cta .btn.dark:hover{background:#e2b17f;color:#0f141d;box-shadow:0 10px 24px rgba(216,164,109,.18)}.cta .btn.light{border:2px solid #d8a46d;background:transparent;color:#d8a46d}.cta .btn.light:hover{background:rgba(216,164,109,.08);color:#efbd7e}.floating a{transition:transform .15s,filter .2s,box-shadow .2s}.floating a:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 8px 18px rgba(0,0,0,.25)}
@media(max-width:850px){.steps{grid-template-columns:repeat(2,1fr)}.nav nav a:not(.login):after{display:none}}
@media(max-width:600px){.steps{grid-template-columns:1fr}.section{padding:60px 0}.hero{padding:60px 0}.features{gap:16px}.steps{gap:16px}}
@media(max-width:600px){.hero-actions{flex-direction:column;align-items:stretch;gap:14px}.hero-action{width:100%;white-space:normal}}

/* Project image placements */
.hero-img{display:block;width:100%;height:410px;min-height:0;object-fit:cover;object-position:center 42%;border-radius:10px}
.visual img{display:block;object-fit:cover;object-position:center}
.visual .tall{width:calc(100% - 75px);height:calc(100% - 35px);border:1px solid #2d3748;border-radius:10px}
.visual .small{object-position:center 60%;border-radius:10px}
.game-grid>a>img{display:block;width:100%;height:190px;object-fit:cover;object-position:center;border:0;transition:transform .35s ease,filter .35s ease}
.game-grid>a:nth-child(1)>img{object-position:center 54%}
.game-grid>a:nth-child(2)>img{object-position:center 52%}
.game-grid>a:nth-child(3)>img{object-position:center 58%}
.game-grid>a:nth-child(4)>img{object-position:center 52%}
.game-grid>a:hover>img{transform:scale(1.035);filter:brightness(1.06)}
.privacy>img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center}
@media(max-width:850px){.hero-img{height:360px}.visual .tall{width:calc(100% - 75px);height:calc(100% - 35px)}.privacy>img{height:280px;min-height:280px}.game-grid>a>img{height:210px}}
@media(max-width:600px){.hero-img{height:290px}.visual .tall{width:calc(100% - 45px);height:calc(100% - 35px)}.game-grid>a>img{height:220px}}

/* Bootstrap Icons: same structure and sizing as the reference cards */
.features .card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:10px;background:rgba(212,163,115,.12);color:#d4a373;font-size:24px;line-height:1;transition:background .2s,color .2s,transform .2s}
.features .card-icon i{display:inline;width:auto;height:auto;margin:0;border-radius:0;background:transparent;color:inherit;font-size:24px;font-style:normal;line-height:1;transform:none}
.features article:hover .card-icon{background:#d4a373;color:#0d1117;transform:translateY(-2px)}
.features article:hover .card-icon i{width:auto;height:auto;margin:0;background:transparent;color:inherit;transform:none}

/* Responsible section fidelity */
.responsible{grid-template-columns:.88fr 1.12fr;gap:88px;align-items:center}
.responsible > div:first-child{max-width:560px}
.responsible h2{font-size:clamp(2.2rem,3.3vw,3.45rem);margin-bottom:18px}
.responsible p{font-size:16px;line-height:1.75}
.badges{display:flex;flex-wrap:nowrap;gap:12px;margin-top:18px}
.badges span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;white-space:nowrap;border:1px solid rgba(212,163,115,.34);border-radius:999px;background:rgba(212,163,115,.06);color:#efbd7e;font-size:13px;font-weight:700;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.badges span:before{display:inline-block;margin-right:8px;font-family:"bootstrap-icons";font-size:13px;line-height:1}
.badges span:nth-child(1):before{content:"\f1f6"}
.badges span:nth-child(2):before{content:"\f293"}
.badges span:nth-child(3):before{content:"\f2ea"}
.badges span:hover{border-color:#d4a373;background:rgba(212,163,115,.1);transform:translateY(-2px)}
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

.controls article{display:block;min-height:200px;padding:28px;border:1px solid #324153;border-radius:14px;background:linear-gradient(180deg,#243142,#212d3d);box-shadow:0 14px 34px rgba(4,9,18,.16);transition:border-color .2s,transform .2s,box-shadow .2s}
.controls article:hover{padding:28px;border-color:rgba(212,163,115,.48);background:linear-gradient(180deg,#283547,#233041);transform:translateY(-4px);box-shadow:0 20px 42px rgba(4,9,18,.24)}
.control-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:12px;background:rgba(212,163,115,.12);color:#efbd7e;font-size:24px;line-height:1}
.control-icon i{display:inline-block;font-style:normal;line-height:1}
.controls h3{margin-bottom:10px;color:#f9fafb;font-size:18px;font-weight:700;line-height:1.2}
.controls p{margin:0;color:#aebed1;font-size:15px;line-height:1.75}
@media(max-width:850px){.responsible{gap:40px}.controls{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.responsible h2{font-size:clamp(1.95rem,9vw,2.7rem)}.badges{flex-wrap:wrap;gap:10px}.badges span{min-height:36px;padding:0 14px;font-size:13px}.controls{grid-template-columns:1fr}.controls article{min-height:0;padding:24px}.controls article:hover{padding:24px}.cta{padding:72px 0}.cta > .container > p:not(.eyebrow){margin-bottom:30px;font-size:15px}.cta .actions{flex-wrap:wrap}.cta .btn{width:100%;min-width:0}}

/* Reference-accurate About, Steps, Privacy and Reviews */
.about-section{background:#161b22;padding-top:0}.about-wrap{display:grid;gap:68px}.about-hero{display:block;width:100%;height:420px;object-fit:cover;object-position:center;border-radius:12px}.about{grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:12px}.about-copy .eyebrow{margin-bottom:12px;color:#efbd7e;font-size:13px;font-weight:700;letter-spacing:.12em}.about-copy h2{margin-bottom:22px;color:#f9fafb;font-size:clamp(2.15rem,3.2vw,3.15rem);font-weight:400;line-height:1.18}.about-copy p{font-size:16px;line-height:1.75}.about-copy .about-cta{display:inline-flex;align-items:center;justify-content:center;min-width:186px;min-height:48px;margin-top:10px;padding:0 26px;border-radius:6px;background:#d8a46d;color:#0f141d;font-size:17px;font-weight:700;line-height:1;transition:background .2s,transform .15s,box-shadow .2s}.about-copy .about-cta:hover{background:#e2b17f;color:#0f141d;transform:translateY(-2px);box-shadow:0 10px 22px rgba(216,164,109,.18)}
.steps-section{background:#161b22}.steps{align-items:start}.steps article{position:static;min-height:0;height:auto;padding:28px}.steps article:hover{transform:none;box-shadow:none}.steps a,.steps a:hover{position:static;left:auto;right:auto;bottom:auto;transform:none}.step-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:11px 28px;border:2px solid #d4a373;border-radius:6px;font-size:14px;font-weight:700;line-height:22px;transition:background .2s,color .2s,transform .15s}.step-btn.primary{border-color:#d4a373;background:#d4a373;color:#0d1117;padding:12px 32px;border-width:0}.step-btn.outline-step{background:transparent;color:#d4a373}.step-btn.primary:hover{background:#e0b58c;transform:translateY(-2px)}.step-btn.outline-step:hover{background:#d4a373;color:#0d1117;transform:translateY(-2px)}
.games-cta{margin-top:42px;text-align:center}.games-view-all{display:inline-flex;align-items:center;justify-content:center;min-width:218px;min-height:62px;padding:12px 30px;border:2px solid #d4a373;border-radius:7px;background:transparent;color:#efbd7e;font-size:16px;font-weight:700;line-height:1.2;transition:background .2s,color .2s,transform .15s,box-shadow .2s}.games-view-all:hover{background:#d4a373;color:#0d1117;transform:translateY(-2px);box-shadow:0 10px 24px rgba(212,163,115,.18)}
.privacy-banner{width:100%;margin:0;overflow:hidden;background:#161b22}.privacy-banner img{display:block;width:100%;height:320px;object-fit:cover;object-position:center}.privacy-section{background:#161b22}.privacy-notice{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:28px 32px;border:1px solid #d4a373;border-radius:12px;background:transparent}.privacy-icon{width:42px;color:#d4a373;font-size:42px;line-height:1}.privacy-notice h4{margin:0 0 8px;color:#d4a373;font-family:Inter,sans-serif;font-size:24px;font-weight:700;line-height:1.3}.privacy-notice p{margin-bottom:12px;font-size:15.2px;line-height:1.75}.privacy-notice p:last-child{margin-bottom:0;font-size:13.6px;color:#94a3b8}.privacy-notice a{color:#d4a373;text-decoration:underline}
.reviews-section{background:#0d1117}.reviews article{min-height:316px}.reviews article:hover{border-color:#2d3748;transform:none;box-shadow:none}.reviews article:before{content:"“";position:absolute;left:20px;top:8px;color:#d4a373;font-family:Georgia,serif;font-size:64px;font-weight:400;line-height:64px;opacity:.3}.reviews article p{padding-top:24px;margin-bottom:20px}.reviews strong{font-size:14px}.reviews small{font-size:12.8px}
@media(max-width:850px){.about-wrap{gap:42px}.about-hero{height:330px}.about{grid-template-columns:1fr}.privacy-banner img{height:250px}.privacy-notice{grid-template-columns:1fr}.privacy-icon{display:none}.steps article{min-height:0}}
@media(max-width:600px){.about-hero{height:230px}.about-wrap{gap:28px}.games-cta{margin-top:32px}.games-view-all{width:100%;min-width:0;min-height:58px;border-width:2px;font-size:16px}.privacy-banner img{height:190px}.privacy-notice{padding:24px}.reviews article{min-height:0}}