:root{
  --gl-cyan:#05b8be;
  --gl-light:#caf2f3;
  --gl-dark:#04111f;
  --gl-card:rgba(3,11,24,0.95);
  --gl-line:rgba(202,242,243,0.14);
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  color:#fff;
  font-family:'ErasMedium', Arial, sans-serif;
  background:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.75)),
    url("GURU.png") center center / cover no-repeat fixed #000;
}
a{text-decoration:none}
.page-wrap{max-width:1280px;margin:0 auto;padding:20px 16px 48px}
.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:18px
}
.brand-title{
  margin:0;
  color:var(--gl-light);
  text-shadow:0 0 12px rgba(0,0,0,.6);
  font-size:clamp(22px,3vw,36px);
}
.brand-sub{opacity:.9;font-size:14px}
.action-btn, .outline-btn, .soft-btn{
  border:none;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer
}
.action-btn{background:var(--gl-cyan);color:#00131a}
.outline-btn{background:transparent;border:1px solid var(--gl-line);color:#fff}
.soft-btn{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--gl-line)}
.hero-card, .panel, .stat-card, .table-card, .note-card{
  background:var(--gl-card);
  border:1px solid var(--gl-line);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
.hero-card{padding:18px}
.hero-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
}
.hero-title{color:var(--gl-light);margin-bottom:10px}
.hero-text{opacity:.95;line-height:1.7}
.hero-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.point{
  border:1px solid var(--gl-line);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:12px
}
.point h6{margin:0 0 6px;color:var(--gl-light)}
.side-photo{
  width:100%;
  height:340px;
  max-height:340px;
  object-fit:contain;
  object-position:center top;
  border-radius:16px;
  border:2px solid rgba(202,242,243,.22);
  background:#111;
  padding:8px;
}
.side-caption{margin-top:12px;text-align:center;line-height:1.6;color:var(--gl-light)}
.main-grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:18px;
  margin-top:18px;
}
.panel{padding:18px}
.panel-title{
  color:var(--gl-light);
  margin-bottom:14px;
  font-size:20px;
}
.form-label{font-size:14px;color:var(--gl-light)}
.form-control, .form-select{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(202,242,243,.15)!important;
  color:#fff!important;
  border-radius:12px!important;
  min-height:46px;
}
.form-control::placeholder{color:rgba(255,255,255,.6)}
.form-select option{color:#000}
.small-note{
  background:rgba(255,255,255,.05);
  border:1px solid var(--gl-line);
  border-radius:12px;
  padding:10px 12px;
  color:var(--gl-light);
  font-size:13px;
}
.quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:18px;
}
.stat-card{padding:16px}
.stat-label{font-size:13px;opacity:.85}
.stat-value{font-size:28px;font-weight:700;color:var(--gl-light);margin-top:6px}
.stat-sub{font-size:12px;opacity:.85;margin-top:4px}
.tabs-row{
  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px
}
.tab-btn{
  border:1px solid var(--gl-line);
  background:rgba(255,255,255,.04);
  color:#fff;
  padding:10px 14px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer
}
.tab-btn.active{background:var(--gl-cyan);color:#00131a;border-color:transparent}
.tab-pane{display:none}
.tab-pane.active{display:block}
.info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.info-box{
  border:1px solid var(--gl-line);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:14px
}
.info-box h6{color:var(--gl-light);margin-bottom:10px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.09)}
.kv:last-child{border-bottom:none}
.kv span:first-child{opacity:.8}
.table-card{padding:16px;margin-top:14px}
.table-dark{
  --bs-table-bg:transparent;
  --bs-table-border-color:rgba(202,242,243,.12);
  color:#fff
}
.table thead th{color:var(--gl-light)}
.badge-soft{
  padding:7px 10px;border-radius:999px;background:rgba(5,184,190,.14);color:var(--gl-light);border:1px solid rgba(5,184,190,.28)
}
.note-card{padding:16px;margin-top:14px}
.status-box{
  margin-top:12px;
  padding:12px 14px;
  border-radius:12px;
  display:none;
  font-weight:700;
}
.status-success{display:block;background:rgba(25,163,91,.16);border:1px solid rgba(25,163,91,.35);color:#9df0c0}
.status-error{display:block;background:rgba(220,53,69,.16);border:1px solid rgba(220,53,69,.35);color:#ffc1c8}
.status-info{display:block;background:rgba(5,184,190,.12);border:1px solid rgba(5,184,190,.28);color:var(--gl-light)}
.endpoint-box{
  background:rgba(255,255,255,.04);
  border:1px solid var(--gl-line);
  border-radius:14px;
  padding:14px;
}
pre{
  white-space:pre-wrap;
  word-break:break-word;
  margin:0;
  color:#d8f6f9;
  font-size:12px;
}
.hidden{display:none!important}
@media (max-width: 991px){
  .hero-grid,.main-grid,.quick-grid,.info-grid,.hero-points{grid-template-columns:1fr}
  .side-photo{height:300px;max-height:300px}
}