/* cabalmax.css - simplified solid-color styling (no gradients / rgba for .NET 4.8 compatibility) */
html { font-family: 'Segoe UI', Arial, sans-serif; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; background:#08111c; color:#e6ecf3; -webkit-font-smoothing: antialiased; }
body { line-height:1.4; }

/* WebView2 status / progress */
.status-bar { margin:2.25rem auto 0; max-width:480px; background:#0f1825; border:1px solid #1e2c3d; border-radius:4px; padding:.75rem .9rem 1rem; text-align:left; font-size:.75rem; letter-spacing:.05em; position:relative; }
.wv2 .status-bar { box-shadow:0 0 0 1px #223446 inset; }
.status-text { font-weight:500; color:#ffae00; margin:0 0 .5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.progress { width:100%; height:6px; background:#1a2735; border-radius:4px; overflow:hidden; position:relative; }
.progress-bar { width:0; height:100%; background:#ffae00; transition:width 180ms linear; }
.progress-bar.done { background:#29c770; }
[data-theme="light"] body { background:#f5f7fa; color:#102132; }
[data-theme="light"] .status-bar { background:#ffffff; border-color:#d6e0ea; }
[data-theme="light"] .progress { background:#dfe7ef; }
[data-theme="light"] .progress-bar { background:#ff9800; }
[data-theme="light"] .progress-bar.done { background:#0f9d58; }

.page { min-height:100vh; }
.inner { width:100%; max-width:1180px; margin:0 auto; padding: calc(clamp(0.75rem,1vw+0.25rem,1.25rem)*2) clamp(0.75rem,1vw+0.25rem,1.25rem); }
/* Removed flex layout classes; kept for HTML compatibility */
.flex, .between, .center { display:block; }

/* Header */
.site-header { position:sticky; top:0; background:#0b121d; border-bottom:1px solid #223041; z-index:10; }
.site-header .inner { position:relative; }
.site-header .logo { float:left; }
.site-header .main-nav { float:right; }
.site-header .inner:after { content:""; display:block; clear:both; }
.logo { font-size:1.2rem; letter-spacing:1px; margin:0; font-weight:600; margin-left: 10px; color: red;}
.logo span { color:#fff; }
.main-nav { margin-right: 10px; }
.main-nav a { color:#8899b0; text-decoration:none; margin-left:1.4rem; font-size:.85rem; font-weight:500; text-transform:uppercase; letter-spacing:.05em; }
.main-nav a:hover, .main-nav a:focus { color:#e6ecf3; }

/* Hero */
.hero { position:relative; overflow:hidden; background:#101b29; }
.hero::before { content:""; position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px; background:url('../images/home2.jpg') center top no-repeat; background-size:cover; filter:blur(10px) brightness(0.4); z-index:1; }
.hero::after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(8, 17, 28, 0.9); z-index:2; }
.hero-wrapper { width:100%; max-width:1180px; margin:0 auto; padding:40px 24px 30px; position:relative; z-index:3; }
.hero-left { float:left; width:38%; text-align:center; }
.hero-right { float:right; width:58%; text-align:left; }
.hero-left .side-art { max-width:100%; max-height:400px; height:auto; display:block; margin:0 auto; object-fit:contain; }
.hero-wrapper:after { content:""; display:block; clear:both; }
.eyebrow { text-transform:uppercase; letter-spacing:.2em; font-size:.75rem; color:#ffae00; margin:0 0 .75rem; }
.hero-title { font-size:clamp(1.9rem,4.2vw,3.5rem); margin:.25rem 0 1rem; font-weight:700; line-height:1.05; }
.tagline { font-size:.9rem; color:#8899b0; max-width:500px; margin:0 0 1.2rem; }
.stats { list-style:none; padding:0; margin:1.5rem 0 0 0; text-align:left; }
.stats li { display:inline-block; margin:0 1.1rem .9rem 0; text-align:left; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; }
.stats strong { display:block; font-size:1.2rem; font-weight:600; color:#ffae00; }

/* Buttons */
.btn { display:inline-block; padding:.85rem 1.3rem; font-size:.9rem; font-weight:600; line-height:1; text-decoration:none; color:#e6ecf3; background:#1d2b3d; border:1px solid #26374b; border-radius:4px; position:relative; overflow:hidden; transition:background 160ms cubic-bezier(.4,.0,.2,1), color 160ms cubic-bezier(.4,.0,.2,1), transform 160ms cubic-bezier(.4,.0,.2,1); }
.btn.primary { background:#ffae00; border:1px solid #ffae00; color:#1a1200; }
.btn.primary:hover { background:#ffc233; }
.btn.discord { background:#5865F2; border-color:#5865F2; }
.btn.discord:hover { background:#4754d6; }
.btn.outline { background:transparent; border:1px solid #ffae00; color:#ffae00; }
.btn.outline:hover { background:#ffae00; color:#1b1403; }
.btn:active { transform:translateY(1px); }
.cta-group { text-align:left; }
.cta-group .btn { margin:.4rem .45rem 0; }

/* Panels */
.panel { background:#141e30; margin:0; position:relative; }
.panel + .panel { border-top:1px solid #1e2b3a; }
.section-title { margin:0 0 1.2rem; font-size:1.4rem; font-weight:600; letter-spacing:.03em; }
.rates-grid, .feature-grid { display:grid; gap:1rem; }
.rates-grid { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
.rate { background:#1e2c3d; padding:.85rem .75rem; border:1px solid #223446; border-radius:4px; text-align:center; font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; line-height:1.2; }
.rate strong { display:block; font-size:1rem; margin-top:.25rem; color:#ffae00; }

.bonus-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.6rem; list-style:none; margin:0; padding:0; font-size:.8rem; }
.bonus-list li { padding:.55rem .65rem; background:#1e2c3d; border:1px solid #223446; border-radius:4px; }

.gift-columns { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.gift-block { background:#1e2c3d; border:1px solid #223446; border-radius:10px; padding:1rem 1rem 1.2rem; position:relative; overflow:hidden; }
/* removed decorative overlay */
.gift-block h4 { margin:0 0 .65rem; font-size:.95rem; font-weight:600; }
.gift-block small { font-weight:400; color:var(--muted); }
.gift-block ul { list-style:none; margin:0; padding:0; font-size:.7rem; letter-spacing:.05em; }
.gift-block li { padding:.25rem 0; border-bottom:1px dashed #243444; }
.gift-block li:last-child { border-bottom:none; }

.feature-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.feature { background:#1e2c3d; padding:1rem .9rem 1.2rem; border:1px solid #223446; border-radius:4px; position:relative; }
.feature h4 { margin:.1rem 0 .4rem; font-size:.9rem; }
.feature p { margin:0; font-size:.7rem; color:#8899b0; }

/* CTA */
.panel.cta { text-align:center; background:#16263b; }
.panel.cta p { margin:0 0 1.4rem; color:#8899b0; }

/* Footer */
.site-footer { background:#0b121d; border-top:1px solid #1d2936; margin-top:auto; font-size:.65rem; letter-spacing:.08em; }
.site-footer nav { margin-bottom:.75rem; text-align:center; }
.site-footer nav a { display:inline-block; margin:.25rem .6rem; }
.site-footer a { color:#8899b0; text-decoration:none; font-weight:500; }
.site-footer a:hover { color:#e6ecf3; }
.copy { margin:0; color:#5c708a; }

/* Utilities */
.prefers-dark body { background:#05080e; }

@media (max-width: 760px) {
  .main-nav { text-align:center; }
  .main-nav a { margin:.25rem .6rem; display:inline-block; }
  .site-header .logo, .site-header .main-nav { float:none; }
  .hero-wrapper { padding:30px 16px 24px; }
  .hero-left, .hero-right { float:none; width:100%; }
  .hero-right { text-align:center; }
  .stats { text-align:center; }
  .logo { font-size:1rem; display:block; text-align:center; margin-left:0; }
}

@media (min-width:1400px) {
  .hero .inner { padding-top:7rem; padding-bottom:5rem; }
}