/*
Theme Name: Teen Patti Casino
Theme URI: https://example.com/teen-patti-casino
Author: Pro Web & Game Design Studio
Author URI: https://example.com/
Description: A glossy Indian-casino styled WordPress theme focused on Teen Patti with built-in Rules, Tournaments, How to Play, and APK download CTA. SEO-friendly, fast, and E-E-A-T ready.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: teen-patti-casino
*/
:root{
  --bg:#0a1b14;
  --bg-2:#0f2b21;
  --gold:#e8b923;
  --gold-2:#ffd95e;
  --chip:#0ab57d;
  --text:#e6f5ef;
  --muted:#a7c4b7;
  --error:#ff6b6b;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}
/* Basic Reset */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
  background: linear-gradient(180deg, var(--bg), var(--bg-2));
  color:var(--text);
  line-height:1.6;
}
a{color:var(--gold); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:0 1.2rem}
.header{
  position:sticky; top:0; z-index:20;
  background:rgba(10,27,20,.85);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid rgba(232,185,35,.15);
}
.nav{display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.8rem 0}
.logo{display:flex; align-items:center; gap:.6rem; font-weight:800; letter-spacing:.5px}
.logo .mark{
  width:34px; height:34px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, var(--gold-2), var(--gold));
  box-shadow:inset 0 0 8px rgba(0,0,0,.35), var(--shadow);
}
.menu{display:flex; gap:1rem; flex-wrap:wrap}
.menu a{padding:.45rem .7rem; border-radius:999px; border:1px solid transparent}
.menu a:hover{background:rgba(232,185,35,.08); border-color:rgba(232,185,35,.25)}
.btn{
  display:inline-block; padding:.8rem 1.1rem; border-radius:999px; font-weight:700;
  background:linear-gradient(180deg, var(--gold-2), var(--gold)); color:#1b1200;
  box-shadow: var(--shadow);
}
.btn.outline{background:transparent; color:var(--gold); border:1px solid var(--gold)}
.hero{
  padding:64px 0 40px; text-align:center; position:relative; overflow:hidden;
}
.hero::after{
  content:""; position:absolute; inset:-20% -10% auto -10%; height:70%;
  background:radial-gradient(ellipse at center, rgba(10,181,125,.18), transparent 60%);
  z-index:-1;
}
.badge{display:inline-block; padding:.25rem .6rem; border:1px solid rgba(232,185,35,.35); border-radius:8px; color:var(--muted); font-size:.85rem}
.h1{font-size:2.4rem; margin:.6rem 0 .4rem; font-weight:900}
.sub{max-width:780px; margin:0 auto 1rem; color:var(--muted)}
.grid{display:grid; gap:1.1rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){ .grid-3, .grid-2{grid-template-columns:1fr} .hero{padding-top:48px} }
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(232,185,35,.16);
  border-radius:18px; padding:1rem; box-shadow:var(--shadow);
}
.card h3{margin:.2rem 0 .4rem}
.kicker{color:var(--muted); font-size:.9rem; margin:.2rem 0 .7rem}
.section{padding:42px 0}
.section h2{font-size:1.7rem; margin:0 0 .6rem}
.footer{padding:26px 0; color:var(--muted); border-top:1px solid rgba(232,185,35,.12)}
.table{width:100%; border-collapse:collapse; font-size:.95rem}
.table th,.table td{padding:.6rem .5rem; border-bottom:1px solid rgba(232,185,35,.15)}
.alert{background:#10251d; border-left:4px solid var(--chip); padding:.8rem; border-radius:8px}
.small{font-size:.9rem; color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
*/