:root{
  --bg:#0b0f14;
  --surface:#0f151d;
  --surface-2:#111927;
  --surface-3:#151f2e;
  --border:#243142;
  --border-soft:#1a2432;
  --text:#f7f8fb;
  --muted:#9aa5b5;
  --muted-2:#6f7d8e;
  --gold:#ffd300;
  --gold-2:#ffc30b;
  --green:#22c55e;
  --red:#ef4444;
  --blue:#60a5fa;
  --radius:16px;
  --shadow:0 14px 38px rgba(0,0,0,.22);
}

*{box-sizing:border-box;scrollbar-color:#263140 var(--bg)}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    linear-gradient(180deg, rgba(20,30,44,.82) 0, rgba(11,15,20,.98) 380px),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.55;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 42%);
}

.container{max-width:1180px;position:relative}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{letter-spacing:-.025em}
.text-muted{color:var(--muted)!important}.text-gold{color:var(--gold)!important}

.dev-navbar{
  background:rgba(11,15,20,.93);
  border-bottom:1px solid rgba(255,255,255,.065);
  backdrop-filter:blur(12px);
}
.navbar .container{min-height:58px}
.brand{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#fff!important;
  font-weight:900;
  letter-spacing:.035em;
}
.brand span{color:var(--gold)}
.brand:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:3px;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(255,211,0,.08);
}
.navbar .nav-link{color:#b7c0ce;font-weight:600;font-size:.94rem;padding:.55rem .8rem!important}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff}

.btn{border-radius:12px;font-weight:800;transition:all .16s ease;border-width:1px}
.btn-gold{
  background:linear-gradient(180deg,var(--gold),var(--gold-2));
  color:#101318;
  border-color:rgba(255,211,0,.65);
  box-shadow:none;
}
.btn-gold:hover{color:#101318;filter:brightness(1.02);transform:translateY(-1px)}
.btn-outline-gold{border-color:rgba(255,211,0,.45);color:var(--gold);background:rgba(255,211,0,.03)}
.btn-outline-gold:hover{border-color:rgba(255,211,0,.78);background:rgba(255,211,0,.10);color:#fff}
.btn-outline-light{--bs-btn-border-color:#344154;--bs-btn-color:#e7ecf4;--bs-btn-hover-bg:#172130;--bs-btn-hover-border-color:#4a5a70;--bs-btn-hover-color:#fff}

.hero{padding:4.2rem 0 2.6rem;border-bottom:1px solid rgba(255,255,255,.06)}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:1rem;
  padding:.42rem .72rem;
  border:1px solid rgba(255,211,0,.2);
  border-radius:999px;
  background:rgba(255,211,0,.045);
  color:#e2e8f0;
  font-size:.88rem;
  font-weight:700;
}
.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;font-weight:900;max-width:820px;margin-bottom:1rem}
.hero .lead{max-width:760px;color:#b8c2cf!important;font-size:1.12rem;margin-bottom:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.hero-panel{
  background:rgba(15,21,29,.86);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.15rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.panel-head strong{font-size:.95rem}.panel-head span{color:var(--muted);font-size:.84rem}
.release-list{margin:0;padding:0;list-style:none}
.release-list li{
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  padding:1rem 1.15rem;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.release-list li:last-child{border-bottom:0}
.release-list strong{display:block;color:#fff}.release-list small{color:var(--muted)}
.version-pill{align-self:start;border:1px solid rgba(255,255,255,.09);background:#0b111a;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;color:#dbe3ed}

.market-strip{margin-top:-1px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,12,17,.55)}
.stat-card{
  padding:1rem 1.05rem;
  min-height:96px;
  border-left:1px solid rgba(255,255,255,.06);
}
.stat-card:last-child{border-right:1px solid rgba(255,255,255,.06)}
.stat-card small{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.stat-card strong{display:block;color:#fff;font-size:2rem;line-height:1.15;margin-top:.28rem}
.stat-card .meta-note{color:var(--muted-2);font-size:.82rem}

.section-block{padding:3rem 0 0}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-title h1,.section-title h2{margin:0;font-weight:850}.section-title h2{font-size:1.75rem}.section-title a{color:var(--gold);font-weight:800;font-size:.95rem}.section-title a:hover{color:#fff}

.plugin-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:214px;
  padding:1.15rem;
  color:#fff;
  background:linear-gradient(180deg,rgba(17,25,39,.98),rgba(13,19,29,.98));
  border:1px solid var(--border-soft);
  border-radius:var(--radius);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.plugin-card:hover{transform:translateY(-2px);border-color:#38485c;background:linear-gradient(180deg,#131d2c,#0f1723);color:#fff}
.plugin-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.plugin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0b111a;border:1px solid rgba(255,255,255,.08);color:var(--gold);font-weight:900;flex:0 0 auto}
.plugin-card h4{font-size:1.28rem;font-weight:850;margin:0}.plugin-card p{color:#aab5c3;margin:0 0 1rem}.plugin-card .card-spacer{flex:1}
.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.meta span{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:9px;padding:.24rem .52rem;font-size:.78rem;color:#c8d1de}
.badge{border-radius:999px;padding:.38rem .58rem;font-weight:800;letter-spacing:.01em}.text-bg-warning{color:#151515!important;background:var(--gold)!important}.text-bg-success{background:#168a46!important}.text-bg-primary{background:#1e63d6!important}.text-bg-info{background:#42a5c7!important;color:#071015!important}.text-bg-secondary{background:#4b5563!important}
.progress{height:8px;background:#0a111b;border-radius:999px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--gold),var(--green));color:#0b0f14;font-weight:900}.thin{height:7px;margin:.75rem 0 .85rem}

.filter-bar,.detail-card,.login-card,.why-card,.admin-form,.admin-table{
  background:rgba(15,21,29,.94);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.filter-bar{padding:1rem}.detail-card,.login-card,.why-card{padding:1.4rem}
.form-label{color:#d9e0ea;font-weight:700;font-size:.92rem}.form-control,.form-select{background:#0a111a;border:1px solid #283548;color:#fff;border-radius:12px}.form-control::placeholder{color:#657386}.form-control:focus,.form-select:focus{background:#0a111a;color:#fff;border-color:rgba(255,211,0,.56);box-shadow:0 0 0 .18rem rgba(255,211,0,.10)}
.clean-pre{white-space:pre-wrap;background:#0a111a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;color:#dbe3ec}
.feature-box{height:100%;padding:1.15rem;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);border-radius:14px}.feature-box h5{margin:.9rem 0 .45rem}.feature-box p{margin:0;color:#aab5c3}

.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:270px;position:fixed;inset:0 auto 0 0;background:#080c12;border-right:1px solid var(--border);padding:1.35rem}.admin-content{margin-left:270px;width:calc(100% - 270px);padding:2rem}.admin-sidebar .brand{margin-bottom:1.6rem}.admin-sidebar .nav-link{color:#a7b2c2;border-radius:12px;padding:.72rem .9rem;font-weight:650}.admin-sidebar .nav-link:hover{background:#121b28;color:#fff}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.action-card{display:flex;align-items:center;gap:.9rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:#fff;font-weight:850}.action-card:hover{border-color:#3b4b60;color:#fff}.action-card i{color:var(--gold);font-size:1.3rem}.table{margin-bottom:0}.table-dark{--bs-table-bg:transparent;--bs-table-border-color:rgba(255,255,255,.06)}.admin-table{overflow:hidden}.suggestion-row{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem;border-bottom:1px solid rgba(255,255,255,.06)}.suggestion-row:last-child{border-bottom:0}

footer{background:rgba(8,12,17,.45)}
.alert{border-radius:14px;margin-bottom:0}

@media(max-width:991px){.hero{padding:3rem 0 2rem}.hero-panel{margin-top:1rem}.stat-card,.stat-card:last-child{border-right:0;border-left:0;border-top:1px solid rgba(255,255,255,.06)}}
@media(max-width:900px){.admin-sidebar{position:static;width:100%}.admin-shell{display:block}.admin-content{margin-left:0;width:100%;padding:1rem}.admin-head,.section-title,.suggestion-row{flex-direction:column;align-items:flex-start}.navbar .nav-link{padding:.65rem 0!important}}
@media(max-width:576px){.hero h1{font-size:2.3rem}.release-list li{grid-template-columns:1fr}.plugin-card{min-height:auto}.detail-card,.login-card,.why-card{padding:1.1rem}}