/* Spin Casino Australia — compact CSS — navy-crimson scheme */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#0c1222;color:#f1f5f9;line-height:1.6}
a{color:#ef4444;text-decoration:none;transition:color .3s}
a:hover{color:#dc2626}
.offscreen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.segment-inner{max-width:1200px;margin:0 auto;padding:0 20px}
ul,ol{margin:0;padding:0;list-style:none}
h3{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin-bottom:16px;line-height:1.3}

/* HEADER */
.masthead-bar{position:sticky;top:0;z-index:1000}
.head-inner{width:100%;background:rgba(12,18,34,.95);backdrop-filter:blur(10px);border-bottom:1px solid #2d3748}
.head-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}
.brand-cell{flex-shrink:0}
.brand-anchor{display:flex;align-items:center;text-decoration:none}
.brand-label{display:flex;flex-direction:column;line-height:1.1}
.brand-word{font-family:'Arial Black',Impact,sans-serif;font-size:22px;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}
.brand-sub{font-size:11px;color:#94a3b8;letter-spacing:6px;text-transform:uppercase}
.nav-block{flex:1;display:flex;justify-content:center}
.nav-entries{display:flex;gap:28px;list-style:none}
.nav-el{list-style:none}
.nav-link{color:#cbd5e1;font-size:14px;font-weight:500;padding:8px 0;transition:color .3s;text-decoration:none}
.nav-link:hover{color:#ef4444}
.nav-link.nav-game{color:#ef4444;font-weight:700}
.head-cta{display:flex;gap:10px}
.btn{padding:8px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center;font-size:13px}
.btn-start{background:#22c55e;color:#fff}.btn-start:hover{background:#16a34a;transform:translateY(-1px)}
.btn-enter{background:#3b82f6;color:#fff}.btn-enter:hover{background:#2563eb;transform:translateY(-1px)}

/* HERO */
.splash-block{background:linear-gradient(135deg,#0c1222 0%,#1a2332 50%,#0c1222 100%);padding:60px 0 80px;position:relative;overflow:hidden}
.splash-block::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(239,68,68,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.splash-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.splash-text h1{font-size:3.2rem;font-weight:800;line-height:1.1;margin-bottom:20px}
.splash-text h1 .accent{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.splash-lead{font-size:18px;color:#cbd5e1;margin-bottom:28px;line-height:1.7}
.splash-btns{display:flex;gap:16px;flex-wrap:wrap}
.btn-splash{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:14px 36px;border-radius:10px;font-weight:bold;font-size:16px;box-shadow:0 4px 20px rgba(239,68,68,.3);transition:all .3s;text-decoration:none;display:inline-block}
.btn-splash:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(239,68,68,.4);color:#fff}
.btn-luck{border:2px solid #ef4444;color:#ef4444;padding:12px 28px;border-radius:10px;font-weight:bold;font-size:16px;transition:all .3s;text-decoration:none;display:inline-block;animation:pulseRed 2s infinite}
@keyframes pulseRed{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 20px 6px rgba(239,68,68,.2)}}
.splash-visual img{width:100%;max-width:520px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.4)}

/* SECTIONS */
.segment{padding:64px 0}
.segment-alt{background:#1a2332}
.segment-title{font-size:2.5rem;font-weight:bold;text-align:center;margin-bottom:48px;color:#f1f5f9}
.segment-title .accent{color:#ef4444}
.segment-sub{text-align:center;color:#94a3b8;max-width:600px;margin:0 auto 40px;font-size:16px}

/* BONUS CARDS */
.bonus-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.bonus-item{background:#1a2332;border:1px solid #2d3748;border-radius:16px;padding:32px;transition:transform .3s,box-shadow .3s}
.bonus-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.bonus-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px}
.bonus-item:nth-child(1) .bonus-icon{background:rgba(239,68,68,.15)}
.bonus-item:nth-child(2) .bonus-icon{background:rgba(34,197,94,.15)}
.bonus-item:nth-child(3) .bonus-icon{background:rgba(59,130,246,.15)}
.bonus-item h3{font-size:1.35rem;margin-bottom:10px}
.bonus-item p{color:#94a3b8;font-size:15px;line-height:1.6;margin-bottom:20px}
.btn-bonus{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s;text-decoration:none;display:inline-block}
.btn-bonus:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(239,68,68,.3);color:#fff}

/* INFO SPLIT */
.split-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:48px}
.split-row.flip{direction:rtl}.split-row.flip>*{direction:ltr}
.split-media img{width:100%;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.split-media .emoji-box{background:#1a2332;border:1px solid #2d3748;border-radius:16px;padding:48px;text-align:center;font-size:64px;min-height:200px;display:flex;align-items:center;justify-content:center}
.split-copy h2{font-size:2rem;margin-bottom:16px;font-weight:bold}
.split-copy p{color:#94a3b8;font-size:16px;line-height:1.7;margin-bottom:16px}
.split-copy ul{list-style:none;padding:0;margin:0 0 20px}
.split-copy li{padding:8px 0;color:#cbd5e1;font-size:15px;padding-left:24px;position:relative}
.split-copy li::before{content:'✓';position:absolute;left:0;color:#ef4444;font-weight:bold}

/* GAME GRID */
.game-rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.game-tile{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;cursor:pointer}
.game-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.game-tile:hover img{transform:scale(1.08)}
.game-overlay{position:absolute;inset:0;background:rgba(12,18,34,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.game-tile:hover .game-overlay{opacity:1}
.game-play{color:#ef4444;font-weight:bold;font-size:14px;text-transform:uppercase;text-decoration:none}
.game-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:#1a2332}

/* PROVIDERS */
.maker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}
.maker-card{background:#1a2332;border:1px solid #2d3748;border-radius:12px;overflow:hidden;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:12px;transition:all .3s}
.maker-card:hover{border-color:#ef4444;transform:translateY(-2px)}
.maker-card img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(.85);transition:filter .3s}
.maker-card:hover img{filter:brightness(1.1)}

/* PAYMENT TABLE */
.pay-wrap{overflow-x:auto;border-radius:12px;border:1px solid #2d3748}
.pay-table{width:100%;border-collapse:collapse;background:#1a2332}
.pay-table th{background:#0c1222;padding:14px 16px;text-align:left;font-size:14px;font-weight:600;color:#f1f5f9;border-bottom:2px solid #2d3748}
.pay-table td{padding:12px 16px;border-bottom:1px solid #2d3748;color:#cbd5e1;font-size:14px}
.pay-table tr:hover td{background:rgba(239,68,68,.05)}
.pay-icon{height:24px;width:auto;vertical-align:middle;margin-right:8px}
.btn-deposit{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 16px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}
.btn-deposit:hover{color:#fff}

/* REVIEWS */
.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.review-card{background:#1a2332;border:1px solid #2d3748;border-radius:16px;padding:28px}
.review-stars{color:#ef4444;font-size:18px;margin-bottom:12px}
.review-quote{color:#cbd5e1;font-size:15px;line-height:1.6;margin-bottom:16px;font-style:italic}
.review-author{display:flex;align-items:center;gap:12px}
.review-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #ef4444;object-fit:cover}
.review-name{font-weight:600;font-size:14px;color:#f1f5f9}
.review-label{font-size:12px;color:#94a3b8}

/* FAQ — div-accordion */
.accordion-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.accordion-item{background:#1a2332;border:1px solid #2d3748;border-radius:12px;overflow:hidden}
.accordion-item[data-open="true"]{border-color:#ef4444}
.acc-trigger{width:100%;background:none;border:none;color:#f1f5f9;padding:18px 20px;font-size:16px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}
.acc-trigger:hover{background:rgba(239,68,68,.05)}
.acc-arrow{font-size:12px;color:#94a3b8;transition:transform .3s}
.accordion-item[data-open="true"] .acc-arrow{transform:rotate(90deg);color:#ef4444}
.acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.accordion-item[data-open="true"] .acc-body{max-height:500px}
.acc-body-inner{padding:0 20px 18px;color:#94a3b8;font-size:15px;line-height:1.7}

/* FACTS TABLE */
.stat-wrap{overflow-x:auto;border-radius:12px;border:1px solid #2d3748;max-width:600px;margin:0 auto}
.stat-table{width:100%;border-collapse:collapse;background:#1a2332}
.stat-table td{padding:12px 20px;border-bottom:1px solid #2d3748;font-size:14px}
.stat-table td:first-child{font-weight:600;color:#f1f5f9;width:45%}
.stat-table td:last-child{color:#cbd5e1}
.stat-table tr:last-child td{border-bottom:none}
.stat-table tr:hover td{background:rgba(239,68,68,.05)}

/* CTA BANNER */
.promo-banner{background:linear-gradient(135deg,#dc2626,#ef4444,#f97316);padding:64px 0;text-align:center}
.promo-banner h2{font-size:2.5rem;font-weight:bold;margin-bottom:16px;color:#fff}
.promo-banner p{color:rgba(255,255,255,.85);font-size:18px;margin-bottom:28px}
.promo-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-promo{background:#fff;color:#dc2626;padding:14px 40px;border-radius:10px;font-weight:bold;font-size:16px;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:all .3s;text-decoration:none;display:inline-block;cursor:pointer}
.btn-promo:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3);color:#dc2626}
.btn-promo-outline{background:transparent;border:2px solid #fff;color:#fff;box-shadow:none}
.btn-promo-outline:hover{background:rgba(255,255,255,.15);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2)}

/* SEO TEXT */
.prose-section{padding:48px 0}
.prose-section .segment-inner{max-width:900px}
.prose-section h2{font-size:1.8rem;margin-bottom:16px;font-weight:bold}
.prose-section h3{font-size:1.3rem;margin-bottom:12px}
.prose-section p{color:#94a3b8;font-size:15px;line-height:1.8;margin-bottom:16px}
.prose-section ul,.prose-section ol{margin:16px 0;padding-left:24px;list-style:disc}
.prose-section li{color:#94a3b8;font-size:15px;line-height:1.8;margin-bottom:6px}
.extended-text{padding:40px 0}
.extended-text h2{font-size:1.6rem;margin-bottom:14px;font-weight:bold}
.extended-text p{color:#94a3b8;font-size:15px;line-height:1.8;margin-bottom:14px}

/* SUBPAGE HELPERS */
.hero-sub{background:linear-gradient(135deg,#0c1222,#1a2332);padding:60px 0 48px;text-align:center}
.hero-sub h1{font-size:2.5rem;font-weight:800;margin-bottom:12px}
.hero-sub .accent{color:#ef4444}
.hero-sub p{color:#94a3b8;font-size:17px;max-width:600px;margin:0 auto}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;justify-content:center}
.check-list{list-style:none;padding:0}
.check-list li{padding:8px 0 8px 28px;position:relative;color:#cbd5e1;font-size:15px}
.check-list li::before{content:'✓';position:absolute;left:0;color:#ef4444;font-weight:bold}
.steps-list{list-style:none;padding:0;counter-reset:steps}
.steps-list li{padding:10px 0 10px 40px;position:relative;color:#cbd5e1;font-size:15px;counter-increment:steps}
.steps-list li::before{content:counter(steps);position:absolute;left:0;width:28px;height:28px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold}
.note-text{background:#1a2332;border-left:4px solid #ef4444;padding:16px 20px;border-radius:0 8px 8px 0;color:#cbd5e1;font-size:15px;margin:20px 0}
.deal-badge{display:inline-block;background:#ef4444;color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:12px}
.deal-title{font-size:1.35rem;font-weight:bold;margin-bottom:12px}
.deal-desc{color:#94a3b8;font-size:15px;margin-bottom:16px;line-height:1.5}
.deal-features{list-style:none;padding:0;margin:0 0 20px}
.deal-features li{padding:6px 0 6px 24px;position:relative;color:#cbd5e1;font-size:14px}
.deal-features li::before{content:'✓';position:absolute;left:0;color:#ef4444;font-weight:bold}
.placeholder-box{background:#1a2332;border-radius:16px;padding:48px;text-align:center;font-size:64px;display:flex;align-items:center;justify-content:center;min-height:200px;border:1px solid #2d3748}

/* FOOTER */
.bottom-bar{background:#070b14;padding:48px 0 24px;border-top:1px solid #1a2332}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.foot-col h3{font-size:16px;margin-bottom:16px;color:#f1f5f9}
.foot-desc{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:12px}
.foot-license{font-size:12px;color:#475569}
.foot-links{list-style:none;padding:0}
.foot-links li{margin-bottom:8px}
.foot-links a{color:#94a3b8;font-size:14px;transition:color .3s}
.foot-links a:hover{color:#ef4444}
.safety-strip{border-top:1px solid #1a2332;padding-top:24px;margin-bottom:24px}
.safety-logos{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.safety-icon{height:36px;opacity:.6;filter:grayscale(50%);transition:all .3s}
.safety-icon:hover{opacity:1;filter:grayscale(0)}
.foot-bottom{text-align:center;padding-top:16px;border-top:1px solid #1a2332;font-size:13px;color:#475569}

/* RESPONSIVE */
@media(max-width:768px){
.nav-block{display:none}
.head-content{height:56px}
.splash-inner{grid-template-columns:1fr;text-align:center}
.splash-btns{justify-content:center}
.splash-visual{display:none}
.splash-text h1{font-size:2.2rem}
.split-row,.split-row.flip{grid-template-columns:1fr}
.bonus-deck{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr 1fr}
.segment-title{font-size:2rem}
.promo-banner h2{font-size:1.8rem}
.hero-sub h1{font-size:1.8rem}
.hero-sub{padding:40px 0 36px}
}
@media(max-width:480px){
.head-content{padding:0 12px}
.brand-word{font-size:18px}
.splash-text h1{font-size:1.8rem}
.splash-block{padding:40px 0 60px}
.segment{padding:40px 0}
.game-rack{grid-template-columns:repeat(2,1fr)}
.maker-grid{grid-template-columns:repeat(3,1fr)}
.btn-splash{padding:12px 24px;font-size:14px}
.review-grid{grid-template-columns:1fr}
}
@media(max-width:360px){
.brand-word{font-size:16px}
.brand-sub{font-size:9px;letter-spacing:4px}
.safety-logos{gap:15px}
.safety-icon{height:30px}
}