:root {
  --neon: #00e8ff;
  --neon-2: #ff2bd6;
  --accent: #00e8ff;
  --accent-dark: #00b8cc;
  --accent-soft: rgba(0, 232, 255, 0.12);
  --ink: #d7e6f5;
  --bg: #06090f;
  --card: #0d1524;
  --line: rgba(0, 232, 255, 0.14);
  --muted: #7f93ad;
  --paying: #39ff8a;
  --waiting: #ffd166;
  --problem: #ff9f43;
  --scam: #ff4d6d;
  --radius: 8px;
  --radius-sm: 4px;
  --shadow: 0 0 0 1px rgba(0, 232, 255, 0.08), 0 12px 40px rgba(0, 0, 0, 0.45);
  --glow: 0 0 18px rgba(0, 232, 255, 0.35);
  --font: "Rajdhani", "Segoe UI", sans-serif;
  --font-display: "Orbitron", "Rajdhani", sans-serif;
  --font-mono: "Share Tech Mono", ui-monospace, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html { color-scheme: dark; }
body {
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(0, 232, 255, 0.16), transparent 55%),
    radial-gradient(800px 380px at 92% 0%, rgba(255, 43, 214, 0.12), transparent 50%),
    radial-gradient(700px 500px at 50% 110%, rgba(57, 255, 138, 0.06), transparent 45%),
    linear-gradient(180deg, #080d16 0%, var(--bg) 45%, #04060a 100%);
  background-attachment: fixed; color: var(--ink); font: 15px/1.45 var(--font); min-height: 100vh; letter-spacing: 0.01em;
}
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: linear-gradient(rgba(0, 232, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 232, 255, 0.03) 1px, transparent 1px);
  background-size: 48px 48px; mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%); opacity: .7;
}
body > * { position: relative; z-index: 1; }
a { color: var(--neon); text-decoration: none; transition: color .15s ease, text-shadow .15s ease; }
a:hover { color: #fff; text-shadow: 0 0 10px rgba(0, 232, 255, .55); text-decoration: none; }
.btn { border-radius: var(--radius-sm); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; font-size: 13px; }
.btn-accent { background: linear-gradient(135deg, rgba(0, 232, 255, .95), rgba(0, 160, 200, .95)); color: #041018 !important; border: 1px solid rgba(0, 232, 255, .8); box-shadow: var(--glow), inset 0 0 12px rgba(255,255,255,.15); }
.btn-accent:hover { background: linear-gradient(135deg, #7af7ff, var(--neon)); color: #041018 !important; box-shadow: 0 0 28px rgba(0, 232, 255, .55); }
.btn-dark.border-secondary { background: transparent; border: 1px solid rgba(255, 43, 214, .55) !important; color: #ff9de8 !important; box-shadow: 0 0 14px rgba(255, 43, 214, .18); }
.btn-dark.border-secondary:hover { background: rgba(255, 43, 214, .12); color: #fff !important; border-color: var(--neon-2) !important; }
.text-accent { color: var(--neon); }
.text-success { color: var(--paying) !important; }
.text-danger { color: var(--scam) !important; }
.text-muted { color: var(--muted) !important; }
.hp-field { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; }
.topbar { background: rgba(4, 8, 14, .92); color: #7f93ad; font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(0, 232, 255, .12); backdrop-filter: blur(8px); }
.topbar a { color: #9bb0c8; }
.topbar a:hover { color: var(--neon); text-shadow: none; }
.lang-select { background: #0b1320; color: var(--neon); border: 1px solid rgba(0, 232, 255, .25); border-radius: 4px; font-size: 12px; padding: 2px 6px; font-family: var(--font-mono); }
.topbar-btn { display: inline-block; background: rgba(0, 232, 255, .04); padding: 4px 12px; border-radius: 4px; color: #c5d7ea !important; border: 1px solid rgba(0, 232, 255, .18); font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.topbar-btn-accent { background: rgba(0, 232, 255, .15); border-color: var(--neon); color: var(--neon) !important; box-shadow: 0 0 12px rgba(0, 232, 255, .25); }
.topbar-btn:hover { color: #fff !important; border-color: var(--neon); }
.site-header { background: linear-gradient(135deg, rgba(0, 232, 255, 0.08) 0%, transparent 40%), linear-gradient(180deg, #0b1422 0%, #070c14 100%); color: #fff; border-bottom: 1px solid rgba(0, 232, 255, .16); position: relative; overflow: hidden; }
.site-header::before { content: ""; position: absolute; inset: 0; background: url("../img/header-bg.23094fcd7aff.svg") right center / auto 100% no-repeat; opacity: .7; pointer-events: none; }
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--neon), var(--neon-2), transparent); opacity: .55; }
.site-header > .container-xl { position: relative; z-index: 1; }
.logo-name { font-family: var(--font-display); font-size: 26px; font-weight: 700; letter-spacing: 0.04em; color: #fff; line-height: 1.1; text-shadow: 0 0 18px rgba(0, 232, 255, .35); }
.logo-name::first-letter { color: var(--neon); text-shadow: 0 0 12px rgba(0, 232, 255, .8); }
.logo-tagline { color: #6f849e; font-size: 10px; text-transform: uppercase; letter-spacing: 0.18em; font-weight: 600; font-family: var(--font-mono); }
.social-row a { color: #8aa0ba; font-size: 11px; font-weight: 700; background: rgba(0, 232, 255, .04); border: 1px solid rgba(0, 232, 255, .16); padding: 3px 10px; border-radius: 999px; letter-spacing: 0.04em; text-transform: uppercase; }
.social-row a:hover { color: var(--neon); border-color: var(--neon); background: rgba(0, 232, 255, .1); text-shadow: none; }
.stats-line { color: #7f93ad; font-size: 12px; font-family: var(--font-mono); }
.stats-line b { color: #fff; font-weight: 700; }
.search-form { gap: 0; }
.search-form input { width: 180px; background: rgba(0, 0, 0, .35); border: 1px solid rgba(0, 232, 255, .22); color: #e8f4ff; border-radius: 4px 0 0 4px; border-right: 0; font-family: var(--font-mono); }
.search-form input:focus { background: rgba(0, 0, 0, .5); border-color: var(--neon); box-shadow: 0 0 0 2px rgba(0, 232, 255, .15); color: #fff; }
.search-form input::placeholder { color: #5d718a; }
.search-form .btn { border-radius: 0 4px 4px 0; padding-left: 12px; padding-right: 12px; }
.mainnav { background: linear-gradient(90deg, rgba(0, 40, 55, .95), rgba(40, 10, 45, .95)); border-bottom: 1px solid rgba(0, 232, 255, .2); box-shadow: 0 0 24px rgba(0, 232, 255, .12); }
.mainnav a { color: #b8d4ea; padding: 12px 15px; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; border-right: 1px solid rgba(0, 232, 255, .1); transition: background .15s ease, color .15s ease, box-shadow .15s ease; font-family: var(--font-display); }
.mainnav a:last-child { border-right: 0; }
.mainnav a:hover, .mainnav a.active { color: #041018; background: var(--neon); box-shadow: inset 0 0 20px rgba(255,255,255,.2), 0 0 18px rgba(0, 232, 255, .45); text-shadow: none; }
.subnav { background: #0a121e; border-bottom: 1px solid rgba(255, 43, 214, .18); }
.subnav a { color: #8aa0ba; padding: 10px 13px; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; }
.subnav a:hover, .subnav a.active { color: var(--neon-2); background: rgba(255, 43, 214, .08); text-shadow: 0 0 10px rgba(255, 43, 214, .4); }
.subnav .btn-sm { font-size: 11px; padding: 5px 12px; }
.layout { display: grid; grid-template-columns: 210px minmax(0, 1fr) 250px; gap: 18px; margin-top: 18px; margin-bottom: 28px; }
@media (max-width: 1199px) { .layout { grid-template-columns: 190px minmax(0, 1fr); } .sidebar-right { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; } }
@media (max-width: 767px) { .layout { grid-template-columns: 1fr; } .sidebar-right { grid-template-columns: 1fr; } .logo-name { font-size: 20px; } .search-form input { width: 140px; } }
.content { min-width: 0; }
.cabinet-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; margin-bottom: 14px; padding: 12px 14px; font-weight: 800; }
.widget { background: linear-gradient(180deg, rgba(16, 28, 46, .95), rgba(10, 16, 28, .98)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 14px; overflow: hidden; }
.widget-title { background: linear-gradient(90deg, rgba(0, 232, 255, .15), rgba(255, 43, 214, .08)); color: var(--neon); font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 9px 14px; letter-spacing: 0.14em; font-family: var(--font-display); border-bottom: 1px solid rgba(0, 232, 255, .18); text-shadow: 0 0 10px rgba(0, 232, 255, .4); }
.widget-title.accent { background: linear-gradient(90deg, rgba(255, 43, 214, .2), rgba(0, 232, 255, .1)); color: #ff9de8; text-shadow: 0 0 10px rgba(255, 43, 214, .45); border-bottom-color: rgba(255, 43, 214, .25); }
.widget-list { list-style: none; margin: 0; padding: 0; }
.widget-list li { padding: 8px 14px; border-bottom: 1px solid rgba(0, 232, 255, .08); font-size: 13px; display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.widget-list li:last-child { border-bottom: 0; }
.widget-list li:hover { background: rgba(0, 232, 255, .04); }
.widget-list .meta { color: var(--muted); font-size: 11px; white-space: nowrap; font-family: var(--font-mono); }
.widget-insurance { text-align: center; padding-bottom: 12px; }
.insurance-amount { font-family: var(--font-display); font-size: 26px; font-weight: 700; color: var(--paying); padding: 12px 0 2px; letter-spacing: 0.04em; text-shadow: 0 0 16px rgba(57, 255, 138, .45); }
.vote-item { display: block; padding: 9px 14px; border-bottom: 1px solid rgba(0, 232, 255, .08); font-size: 12px; color: inherit; }
.vote-item:hover { background: rgba(0, 232, 255, .04); text-shadow: none; }
.vote-item .vote-text { color: #91a6bf; display: block; margin-top: 2px; line-height: 1.35; }
.status { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 3px; color: #041018; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; white-space: nowrap; font-family: var(--font-display); }
.status-paying { background: var(--paying); color: #041810; box-shadow: 0 0 12px rgba(57, 255, 138, .45); }
.status-waiting { background: var(--waiting); color: #1a1408; box-shadow: 0 0 12px rgba(255, 209, 102, .35); }
.status-problem { background: var(--problem); color: #1a0e04; box-shadow: 0 0 12px rgba(255, 159, 67, .35); }
.status-scam { background: var(--scam); color: #fff; box-shadow: 0 0 12px rgba(255, 77, 109, .45); }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; box-shadow: 0 0 8px currentColor; }
.dot-paying { background: var(--paying); color: var(--paying); }
.dot-waiting { background: var(--waiting); color: var(--waiting); }
.dot-problem { background: var(--problem); color: var(--problem); }
.dot-scam { background: var(--scam); color: var(--scam); }
.tier { margin-bottom: 22px; }
.tier-head { display: flex; align-items: center; background: linear-gradient(90deg, rgba(0, 232, 255, .12), rgba(12, 20, 34, .95)); color: #fff; padding: 10px 16px; border-radius: var(--radius) var(--radius) 0 0; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 0.12em; border: 1px solid var(--line); border-bottom: 0; border-left: 3px solid var(--neon); box-shadow: var(--shadow); font-family: var(--font-display); }
.tier-head .tier-count { color: #7f93ad; font-weight: 500; margin-left: 8px; font-size: 11px; letter-spacing: 0; text-transform: none; font-family: var(--font-mono); }
.tier-empty { background: var(--card); padding: 28px; color: var(--muted); text-align: center; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 var(--radius) var(--radius); }
.project-card { background: linear-gradient(180deg, rgba(14, 24, 40, .98), rgba(8, 14, 24, .98)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); margin-bottom: 16px; overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease; }
.project-card:hover { border-color: rgba(0, 232, 255, .35); box-shadow: 0 0 0 1px rgba(0, 232, 255, .2), 0 0 28px rgba(0, 232, 255, .12), 0 16px 40px rgba(0,0,0,.5); }
.pc-head { display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: #fff; background: var(--tier-color, #1a3048); background: linear-gradient(90deg, var(--tier-color, #1a3048), color-mix(in srgb, var(--tier-color, #1a3048) 55%, #050810)); border-bottom: 1px solid rgba(255,255,255,.08); }
.pc-head .pc-name { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: #fff; letter-spacing: 0.03em; text-shadow: 0 0 12px rgba(0,0,0,.4); }
.pc-head .pc-name:hover { opacity: .92; text-shadow: 0 0 12px rgba(255,255,255,.35); }
.pc-pin { font-size: 9px; font-weight: 800; letter-spacing: 0.1em; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.3); padding: 2px 6px; border-radius: 3px; color: #fff; font-family: var(--font-mono); }
.pc-head .pc-lastpay { font-size: 12px; opacity: .9; margin-left: auto; white-space: nowrap; font-family: var(--font-mono); }
.pc-body { display: grid; grid-template-columns: 160px 1fr; gap: 16px; padding: 14px 16px; }
@media (max-width: 575px) { .pc-body { grid-template-columns: 1fr; } .pc-head { flex-wrap: wrap; } .pc-head .pc-lastpay { margin-left: 0; width: 100%; order: 3; } }
.pc-shot { width: 160px; height: 110px; object-fit: cover; border: 1px solid rgba(0, 232, 255, .22); border-radius: 6px; background: #071018 url("../img/placeholder.aa178886599c.svg") center / cover; display: block; box-shadow: 0 0 16px rgba(0, 232, 255, .12); }
.pc-rating { text-align: center; font-size: 12px; color: var(--muted); margin-top: 8px; font-family: var(--font-mono); }
.pc-rating b { color: var(--neon); font-size: 14px; }
.stars { color: #ffe066; letter-spacing: 1px; font-size: 13px; text-shadow: 0 0 8px rgba(255, 224, 102, .45); }
.stars .off { color: #2a3a4e; text-shadow: none; }
.pc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 14px; }
.pc-stat { border-bottom: 1px solid rgba(0, 232, 255, .1); padding-bottom: 6px; }
.pc-stat .lbl { display: block; font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; margin-bottom: 1px; }
.pc-stat .val { font-weight: 700; font-size: 15px; font-family: var(--font-mono); color: #eaf6ff; }
.roi-bar { height: 5px; background: rgba(0, 232, 255, .08); border-radius: 999px; margin-top: 5px; overflow: hidden; border: 1px solid rgba(0, 232, 255, .12); }
.roi-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--neon), var(--paying)); border-radius: inherit; box-shadow: 0 0 10px rgba(57, 255, 138, .5); }
.pc-row { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-top: 12px; font-size: 12px; }
.pc-row .lbl { color: var(--muted); text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; }
.ps-badge { display: inline-block; font-size: 10px; padding: 2px 7px; border-radius: 3px; color: #041018; font-weight: 800; }
.ps-icon { height: 18px; width: auto; vertical-align: middle; border-radius: 3px; }
.pc-plan { background: linear-gradient(90deg, rgba(0, 232, 255, .08), rgba(255, 43, 214, .06)); color: #b8cfe4; padding: 10px 16px; font-size: 13px; display: flex; flex-wrap: wrap; gap: 6px 22px; border-top: 1px solid rgba(0, 232, 255, .12); border-bottom: 1px solid rgba(0, 232, 255, .12); }
.pc-plan b { color: var(--neon); font-weight: 700; }
.pc-desc { padding: 12px 16px; color: #9bb0c8; font-size: 13px; line-height: 1.55; }
.pc-foot { display: flex; flex-wrap: wrap; gap: 0; background: #060b14; border-top: 1px solid rgba(0, 232, 255, .12); padding: 0 4px; }
.pc-foot a { color: #8aa0ba; font-size: 12px; font-weight: 700; padding: 9px 9px; }
.pc-foot a:hover { color: var(--neon); background: rgba(0, 232, 255, .06); text-shadow: none; }
.pc-foot a.danger { color: #ff7a90; }
.pc-foot a.go { margin-left: auto; color: #041018; background: linear-gradient(135deg, var(--neon), #00b4c8); font-weight: 800; padding-left: 16px; padding-right: 16px; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 0 16px rgba(0, 232, 255, .35); }
.pc-foot a.go:hover { background: linear-gradient(135deg, #9af5ff, var(--neon)); color: #041018; text-shadow: none; }
.ext-monitors a { display: inline-block; font-size: 10px; font-weight: 700; background: rgba(0, 232, 255, .05); border: 1px solid rgba(0, 232, 255, .16); border-radius: 3px; padding: 2px 6px; margin: 1px; color: #8aa0ba; }
.ext-monitors a:hover { background: rgba(0, 232, 255, .12); color: var(--neon); border-color: rgba(0, 232, 255, .4); text-shadow: none; }
.plist .row-item { display: flex; align-items: center; gap: 12px; background: var(--card); padding: 12px 14px; border-radius: var(--radius); margin-bottom: 8px; border: 1px solid var(--line); box-shadow: var(--shadow); }
.page-title { font-family: var(--font-display); font-size: 20px; font-weight: 700; margin: 0 0 14px; padding: 12px 16px; background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--neon); border-radius: var(--radius); box-shadow: var(--shadow); letter-spacing: 0.06em; text-transform: uppercase; color: #fff; text-shadow: 0 0 12px rgba(0, 232, 255, .3); }
.box { background: linear-gradient(180deg, rgba(14, 24, 40, .98), rgba(8, 14, 24, .98)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px; margin-bottom: 16px; }
.box h2, .box h3 { font-family: var(--font-display); font-size: 16px; font-weight: 700; margin-bottom: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--neon); }
.table { --bs-table-bg: transparent; --bs-table-color: var(--ink); --bs-table-border-color: rgba(0, 232, 255, .12); --bs-table-striped-bg: rgba(0, 232, 255, .04); --bs-table-hover-bg: rgba(0, 232, 255, .07); }
.table-sm td, .table-sm th { font-size: 13px; }
.subtabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.subtabs a { background: rgba(0, 232, 255, .04); padding: 7px 12px; border-radius: 4px; font-size: 12px; font-weight: 700; color: #8aa0ba; border: 1px solid rgba(0, 232, 255, .16); letter-spacing: 0.04em; text-transform: uppercase; }
.subtabs a.active, .subtabs a:hover { background: rgba(0, 232, 255, .18); border-color: var(--neon); color: var(--neon); box-shadow: 0 0 14px rgba(0, 232, 255, .25); text-shadow: none; }
.ad-zone { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 14px; }
.ad-item { display: block; line-height: 0; }
.ad-item img { max-width: 100%; height: auto; border-radius: 4px; box-shadow: 0 0 16px rgba(0, 232, 255, .15); }
.ad-placeholder { display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(135deg, rgba(0, 232, 255, .06), rgba(255, 43, 214, .04)), repeating-linear-gradient(-45deg, rgba(0, 232, 255, .04), rgba(0, 232, 255, .04) 6px, transparent 6px, transparent 12px); color: #7f93ad; font-size: 11px; font-weight: 700; border: 1px dashed rgba(0, 232, 255, .35); border-radius: 6px; line-height: 1.35; padding: 8px; max-width: 100%; letter-spacing: 0.04em; text-transform: uppercase; }
.ad-placeholder:hover { border-color: var(--neon); color: var(--neon); box-shadow: 0 0 18px rgba(0, 232, 255, .2); text-shadow: none; }
.ad-slot-card { border: 1px solid rgba(0, 232, 255, .16); border-radius: 6px; padding: 10px 12px; font-size: 12px; background: var(--card); }
.ad-slot-card.free { border-color: rgba(57, 255, 138, .45); background: rgba(57, 255, 138, .06); box-shadow: 0 0 12px rgba(57, 255, 138, .12); }
.bars { display: flex; align-items: flex-end; gap: 2px; height: 90px; }
.bars .bar { flex: 1; background: var(--neon); border-radius: 2px 2px 0 0; min-height: 1px; box-shadow: 0 0 8px rgba(0, 232, 255, .4); }
.bars .bar.views { background: var(--neon-2); box-shadow: 0 0 8px rgba(255, 43, 214, .4); }
.checks { display: flex; flex-wrap: wrap; gap: 3px; }
.checks span { width: 14px; height: 14px; border-radius: 2px; display: inline-block; }
.checks .up { background: var(--paying); box-shadow: 0 0 6px rgba(57, 255, 138, .5); }
.checks .down { background: var(--scam); box-shadow: 0 0 6px rgba(255, 77, 109, .5); }
.site-footer { background: linear-gradient(180deg, #0a101c 0%, #05080e 100%); color: #7f93ad; padding: 28px 0 32px; font-size: 12px; border-top: 1px solid rgba(0, 232, 255, .14); margin-top: 8px; }
.site-footer a { color: #a8bfd6; margin-right: 14px; font-weight: 700; }
.site-footer a:hover { color: var(--neon); }
.site-footer b { color: #fff; font-family: var(--font-display); font-size: 13px; letter-spacing: 0.06em; }
.footer-col { min-width: 160px; }
.counter { display: inline-block; background: #020508; color: var(--paying); font-family: var(--font-mono); font-size: 15px; padding: 3px 10px; letter-spacing: 3px; border-radius: 3px; margin-top: 8px; border: 1px solid rgba(57, 255, 138, .35); box-shadow: 0 0 12px rgba(57, 255, 138, .2); }
.disclaimer { color: #5d718a; margin-top: 10px; line-height: 1.5; }
.form-control, .form-select { border-radius: 4px; border-color: rgba(0, 232, 255, .22); background: rgba(0, 0, 0, .35); color: #e8f4ff; font-size: 14px; }
.form-control:focus, .form-select:focus { border-color: var(--neon); background: rgba(0, 0, 0, .45); color: #fff; box-shadow: 0 0 0 3px var(--accent-soft); }
.form-control::placeholder { color: #5d718a; }
.form-label { font-weight: 700; font-size: 13px; color: #b8cfe4; letter-spacing: 0.04em; text-transform: uppercase; }
.form-text { font-size: 12px; color: var(--muted); }
.score-options label { display: inline-block; margin-right: 12px; cursor: pointer; }
.score-options input { margin-right: 4px; }
.code-box { background: #05080e; border: 1px solid rgba(0, 232, 255, .2); border-radius: 6px; padding: 12px; font-family: var(--font-mono); font-size: 12px; word-break: break-all; color: var(--neon); }
.alert { border-radius: 6px; border: 1px solid rgba(0, 232, 255, .2); background: rgba(0, 232, 255, .08); color: #cfe8f8; }
.alert-success { border-color: rgba(57, 255, 138, .3); background: rgba(57, 255, 138, .08); color: #c8ffdc; }
.alert-danger, .alert-warning { border-color: rgba(255, 77, 109, .3); background: rgba(255, 77, 109, .08); color: #ffd0d8; }
.pagination .page-link { border-radius: 4px !important; margin: 0 2px; border-color: rgba(0, 232, 255, .2); background: rgba(0, 0, 0, .3); color: var(--neon); }
.pagination .page-link:hover { background: rgba(0, 232, 255, .12); color: #fff; }
.pagination .page-item.active .page-link { background: var(--neon); border-color: var(--neon); color: #041018; box-shadow: var(--glow); }
.pagination .page-item.disabled .page-link { background: transparent; color: #4a5d74; border-color: rgba(0, 232, 255, .08); }