:root{
  --bg:#08111e;
  --bg-2:#0d1b2d;
  --felt:#123c2d;
  --felt-2:#0c2d23;
  --panel:#101f35;
  --panel-soft:rgba(14,28,48,.82);
  --line:rgba(255,255,255,.08);
  --text:#f3f6fb;
  --muted:#a8b3c7;
  --gold:#f2c14e;
  --gold-2:#d7a62b;
  --green:#2fb56f;
  --danger:#ef5d60;
  --radius:24px;
  --shadow:0 24px 60px rgba(0,0,0,.35);
}
html,body{min-height:100%;}
body{
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(242,193,78,.10), transparent 22%),
    radial-gradient(circle at 85% 15%, rgba(47,181,111,.12), transparent 18%),
    linear-gradient(180deg,#07111d 0%, #081320 22%, #08111e 100%);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
a{text-decoration:none}
.site-main{min-height:calc(100vh - 140px)}
.site-footer{
  border-top:1px solid var(--line);
  background:rgba(4,10,18,.7);
  color:var(--muted);
  padding:18px 0 28px;
}
.billiard-navbar{
  background:rgba(7,16,29,.92);
  backdrop-filter: blur(14px);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.font-text{color:var(--text);}
.navbar-toggler{filter:invert(1);}
.brand-ball{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 30%, #fff2bf 0, var(--gold) 38%, #b28117 100%);
  color:#182230;font-weight:900;font-size:1.1rem;box-shadow:0 10px 24px rgba(242,193,78,.28);
}
.brand-title{font-size:1.9rem;font-weight:900;letter-spacing:-.02em;color:#fff}
.brand-sub{font-size:.75rem;color:#9fb2cf;letter-spacing:.18em;text-transform:uppercase}
.navbar .nav-link{
  color:#d8e2f2;border-radius:999px;padding:.75rem 1rem;font-weight:700;
}
.navbar .nav-link:hover,.navbar .nav-link.active{background:rgba(255,255,255,.08);color:#fff}
.btn-gold{
  background:linear-gradient(135deg,var(--gold),#ffdc83);
  border:0;color:#1d2430;font-weight:800;
}
.btn-gold:hover{background:linear-gradient(135deg,#ffd36c,#ffe39b);color:#111}
.btn-lang{
  color:#d3deef;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
  border-radius:999px;padding:.38rem .8rem;font-weight:700;font-size:.9rem;
}
.btn-lang.active{background:rgba(242,193,78,.16);border-color:rgba(242,193,78,.4);color:#fff}
.surface-card,.feature-card,.stat-card,.list-card,.hero-card,.auth-card,.profile-card{
  background:linear-gradient(180deg, rgba(16,31,53,.95), rgba(10,20,35,.9));
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-card{position:relative;overflow:hidden;padding: clamp(1.5rem, 2vw, 2.2rem);}
.hero-card::before{
  content:"";position:absolute;inset:auto -10% -40% auto;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle, rgba(242,193,78,.22), transparent 62%);
}
.hero-badge{
  display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dce7f7;font-weight:700;font-size:.85rem;
}
.hero-title{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;font-weight:900;letter-spacing:-.03em;max-width:12ch}
.hero-desc{max-width:60ch;color:#c4d0e3;font-size:1.05rem;line-height:1.8}
.right-info-panel{
  background:linear-gradient(180deg, rgba(18,60,45,.85), rgba(9,29,23,.82));
  border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;
}
.pool-table-panel {
    background: linear-gradient(145deg, rgba(18, 60, 45, .96), rgba(11, 42, 31, .88));
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 20px;
    padding: 1rem 1.1rem;
}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;font-weight:800}
.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;letter-spacing:-.02em}
.section-subtitle{color:var(--muted);line-height:1.8}
.feature-card,.list-card,.profile-card,.auth-card,.surface-card,.stat-card{padding:1.35rem}
.feature-icon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.45rem;
  background:rgba(242,193,78,.12);border:1px solid rgba(242,193,78,.18)
}
.text-muted-soft{color:var(--muted)!important}
.display-stat{font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:900}
.label-soft{color:#89a0c5;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.stat-card.highlight{background:linear-gradient(180deg, rgba(18,60,45,.95), rgba(10,31,24,.92));}
.btn-pill{border-radius:999px;padding:.9rem 1.25rem;font-weight:800}
.btn-soft{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff}
.btn-soft:hover{background:rgba(255,255,255,.11);color:#fff}
.form-control,.form-select,.form-control:focus,.form-select:focus{
  background:#08111d;border-color:rgba(255,255,255,.10);color:#fff;box-shadow:none
}
.form-control::placeholder{color:#7d8ba4}
.table-dark-glass{--bs-table-bg:transparent;--bs-table-border-color:rgba(255,255,255,.07);margin-bottom:0}
.table-dark-glass thead th{color:#9eb2cf;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;border-bottom-width:1px}
.item-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1rem 1.1rem;
}
.item-card:hover{transform:translateY(-2px);transition:.18s ease;border-color:rgba(242,193,78,.28)}
.badge-soft{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#eef3fb}
.badge-gold{background:rgba(242,193,78,.16);border:1px solid rgba(242,193,78,.3);color:#ffe8a9}
.badge-green{background:rgba(47,181,111,.16);border:1px solid rgba(47,181,111,.3);color:#a7f1c8}
.badge-red{background:rgba(239,93,96,.12);border:1px solid rgba(239,93,96,.22);color:#ffb3b5}
.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted)}
.hr-soft{border-color:rgba(255,255,255,.07)!important}
.sticky-actions{position:sticky;top:92px}
@media (max-width:991px){
  .brand-title{font-size:1.55rem}
  .navbar-collapse{padding-top:1rem}
  .sticky-actions{position:static}
}
@media (max-width:575px){
  .feature-card,.list-card,.profile-card,.auth-card,.surface-card,.stat-card,.hero-card{padding:1rem}
  .hero-title{max-width:none}
  .btn-pill{width:100%}
}