@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --eg-bg:#ffffff;
  --eg-panel:#ffffff;
  --eg-panel-soft:#f8fafc;
  --eg-border:#e5e7eb;
  --eg-text:#111827;
  --eg-muted:#4b5563;
  --eg-soft:#6b7280;
  --eg-accent:#111111;
  --eg-accent-2:#2563eb;
  --eg-danger:#991b1b;
  --eg-shadow:0 12px 32px rgba(15,23,42,.06);
  --eg-radius:18px;
  --eg-radius-sm:12px;
  --eg-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--eg-bg);
  color:var(--eg-text);
  font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:12px;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.eg-shell{max-width:var(--eg-max);margin:0 auto;padding:0 24px}
.eg-topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--eg-border);
}
.eg-topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.eg-brand{font-size:22px;font-weight:800;letter-spacing:.01em}
.eg-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.eg-nav a{font-weight:600;color:var(--eg-muted)}
.eg-nav a:hover{color:var(--eg-text)}
.eg-main{padding:28px 24px 56px}
.eg-hero{display:grid;gap:16px;padding:28px 0 12px}
.eg-kicker{
  display:inline-flex;align-items:center;gap:8px;width:max-content;
  padding:8px 12px;border-radius:999px;border:1px solid var(--eg-border);
  background:var(--eg-panel-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.eg-title{
  margin:0;font-size:clamp(30px,4.6vw,48px);line-height:1.03;letter-spacing:-.03em;
}
.eg-subtitle{margin:0;max-width:680px;color:var(--eg-muted);font-size:14px}
.eg-actions{display:flex;flex-wrap:wrap;gap:12px}
.eg-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:0 18px;border-radius:14px;
  border:1px solid var(--eg-border);background:#fff;color:var(--eg-text);
  font-weight:700;cursor:pointer;
}
.eg-btn:hover{transform:translateY(-1px);box-shadow:var(--eg-shadow)}
.eg-btn-primary{background:var(--eg-accent);border-color:var(--eg-accent);color:#fff}
.eg-btn-secondary{background:var(--eg-panel-soft)}
.eg-btn-link{border:none;background:transparent;padding:0;min-height:auto;color:var(--eg-accent-2)}
.eg-section{padding:24px 0}
.eg-section-header{display:grid;gap:8px;margin-bottom:18px}
.eg-section-header h2{margin:0;font-size:24px;line-height:1.12;letter-spacing:-.02em}
.eg-section-header p{margin:0;color:var(--eg-muted);font-size:13px;max-width:780px}
.eg-grid{display:grid;gap:16px}
.eg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.eg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.eg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.eg-card{
  background:var(--eg-panel);
  border:1px solid var(--eg-border);
  border-radius:var(--eg-radius);
  padding:20px;
  box-shadow:var(--eg-shadow);
}
.eg-card h3{margin:0 0 6px 0;font-size:18px;line-height:1.2}
.eg-card p{margin:0;color:var(--eg-muted)}
.eg-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;border:1px solid var(--eg-border);
  background:var(--eg-panel-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.eg-stat{padding:18px;border:1px solid var(--eg-border);border-radius:18px;background:var(--eg-panel-soft)}
.eg-stat-value{font-size:30px;font-weight:800;line-height:1}
.eg-stat-label{margin-top:8px;color:var(--eg-muted)}
.eg-list{margin:0;padding-left:18px;color:var(--eg-muted)}
.eg-list li+li{margin-top:6px}
.eg-note{
  padding:14px 16px;border:1px solid var(--eg-border);border-radius:14px;
  background:var(--eg-panel-soft);color:var(--eg-muted)
}
.eg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.eg-field{display:grid;gap:8px}
.eg-field label{font-weight:700}
.eg-field input,.eg-field textarea,.eg-field select{
  width:100%;min-height:46px;padding:12px 14px;border-radius:14px;
  border:1px solid var(--eg-border);background:#fff;color:var(--eg-text);font:inherit
}
.eg-field textarea{min-height:130px;resize:vertical}
.eg-helper{font-size:11px;color:var(--eg-soft)}
.eg-errorlist{margin:0;padding-left:18px;color:var(--eg-danger)}
.eg-sidebar-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}
.eg-sidebar{
  border:1px solid var(--eg-border);border-radius:var(--eg-radius);
  background:#fff;box-shadow:var(--eg-shadow);padding:18px;height:max-content;position:sticky;top:96px
}
.eg-sidebar h3{margin:0 0 12px 0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.eg-sidebar ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.eg-sidebar a{
  display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;
  font-weight:600;color:var(--eg-text)
}
.eg-sidebar a:hover{background:var(--eg-panel-soft)}
.eg-divider{height:1px;background:var(--eg-border);margin:12px 0}
.eg-table{width:100%;border-collapse:collapse}
.eg-table th,.eg-table td{padding:12px 0;border-bottom:1px solid var(--eg-border);text-align:left}
.eg-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--eg-soft)}
.eg-price{font-size:36px;font-weight:800;line-height:1}
.eg-price span{font-size:12px;color:var(--eg-muted);font-weight:600;margin-left:6px}
.eg-empty{
  padding:28px;border:1px dashed var(--eg-border);border-radius:18px;background:var(--eg-panel-soft);color:var(--eg-muted)
}
.eg-footer{border-top:1px solid var(--eg-border);margin-top:36px;padding-top:18px;color:var(--eg-muted)}
.eg-hidden{display:none!important}
@media (max-width:980px){
  .eg-grid-4,.eg-grid-3,.eg-grid-2,.eg-form-grid,.eg-sidebar-layout{grid-template-columns:1fr}
  .eg-sidebar{position:static}
}
@media (max-width:720px){
  .eg-shell{padding:0 16px}
  .eg-nav{display:none}
  .eg-main{padding:20px 16px 48px}
}