/*
Theme Name: SUAI138 Landing Theme
Theme URI: https://example.com/
Author: Custom
Description: WordPress landing page theme inspired by dark red PG Slot promo layout.
Version: 1.0
Text Domain: suai138-landing
*/

:root{
  --bg:#2b0000;
  --bg2:#070000;
  --red:#b40012;
  --dark:#090909;
  --line:#ffffff;
  --yellow:#fff200;
  --white:#ffffff;
  --border:#31135a;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at center 210px, rgba(125,0,0,.42), transparent 330px),
    radial-gradient(circle at center 60%, rgba(90,0,0,.25), transparent 520px),
    linear-gradient(180deg,#3b0000 0%,#210000 42%,#100000 100%);
  color:var(--white);
  font-family: Arial, Tahoma, sans-serif;
}

.site-wrap{
  width:min(100%,560px);
  margin:0 auto;
  padding:18px 16px 40px;
  text-align:center;
}

.hero-card{
  width:100%;
  border:2px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 0 22px rgba(255,0,0,.35), 0 0 80px rgba(255,0,0,.13);
  background:#120006;
}

.hero-card img{
  display:block;
  width:100%;
  height:auto;
}

.btn-stack{
  margin-top:16px;
  display:grid;
  gap:14px;
}

.suai-btn{
  display:block;
  width:100%;
  padding:12px 18px;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  border:2px solid #28134c;
  border-radius:2px;
  background:linear-gradient(180deg,#242424 0%,#050505 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 13px rgba(255,0,0,.18);
  transition:.2s ease;
}

.suai-btn:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#333 0%,#080808 100%);
  box-shadow:0 0 18px rgba(255,0,0,.4);
}

.main-title{
  margin:22px auto 6px;
  max-width:540px;
  color:var(--yellow);
  font-size:33px;
  line-height:1.28;
  font-weight:900;
  letter-spacing:-.4px;
  text-shadow:0 2px 0 #000, 0 0 8px rgba(255,242,0,.22);
}


.content-box{
  margin:18px auto 12px;
  padding:18px 16px;
  width:100%;
  text-align:left;
  color:#fff;
  border:1px solid rgba(255,255,255,.75);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(35,0,0,.86));
  box-shadow:0 0 18px rgba(255,0,0,.22);
  font-size:16px;
  line-height:1.75;
}

.content-box h2,
.content-box h3{
  margin:0 0 10px;
  color:var(--yellow);
  line-height:1.35;
  text-shadow:0 2px 0 #000;
}

.content-box p{margin:0 0 12px}
.content-box p:last-child{margin-bottom:0}
.content-box ul,
.content-box ol{margin:8px 0 12px 22px;padding:0}
.content-box li{margin:5px 0}
.content-box a{color:var(--yellow);font-weight:700}
.content-box strong{color:var(--yellow)}

.footer-line{
  width:100%;
  height:2px;
  background:#eee;
  margin:4px auto 15px;
  opacity:.95;
}

.copyright{
  font-size:15px;
  color:#fff;
}

@media (max-width:640px){
  .site-wrap{max-width:100%; padding:12px 12px 32px}
  .main-title{font-size:28px}
  .suai-btn{font-size:15px;padding:11px 14px}
  .content-box{font-size:15px;padding:15px 13px}
}