:root{--bg:#07130d;--panel:#0f2417;--panel2:#153922;--text:#f3fff7;--muted:#bbd6c5;--line:rgba(255,255,255,.12);--gold:#f5c96b;--green:#2ee68f}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif;background:radial-gradient(circle at top left,#246b3e 0,#07130d 35%,#040805 100%);color:var(--text);min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:rgba(5,15,9,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--gold));color:#07130d}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;padding:70px 6vw}.hero h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1;margin:0 0 18px}.hero p{font-size:1.1rem;color:var(--muted);max-width:780px}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-panel,.card,.plan,.auth,.page{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.16);border-radius:28px}.hero-panel{padding:28px}section{padding:20px 6vw 48px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{padding:22px;display:flex;flex-direction:column;gap:10px}.card h3,.plan h3{margin:.2rem 0}.badge{display:inline-flex;align-self:flex-start;border:1px solid rgba(245,201,107,.45);color:var(--gold);border-radius:999px;padding:6px 11px;font-weight:700;font-size:.82rem}.price{font-weight:800;color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.btn{border:0;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--gold));color:#07130d;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer}.btn.ghost{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--line)}.btn.small{padding:7px 11px}.page,.auth{margin:40px 6vw;padding:28px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{padding:20px}label{display:block;margin:12px 0;color:var(--muted)}input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--text)}table{width:100%;border-collapse:collapse;margin-top:18px;background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div,.notice{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:18px}.stats strong{display:block;font-size:2rem;color:var(--green)}.alert{color:#ffd1d1}.footer{padding:26px 6vw;border-top:1px solid var(--line);display:flex;gap:10px;flex-direction:column;color:var(--muted)}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.plans{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.topbar{align-items:flex-start;gap:14px;flex-direction:column}.grid{grid-template-columns:1fr}section{padding-left:18px;padding-right:18px}.page,.auth{margin:20px 18px;padding:20px}table{display:block;overflow-x:auto}.hero{padding:40px 18px}}