:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:74px;background:#111827;color:#fff;display:flex;align-items:center;gap:34px;padding:0 42px;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:900;letter-spacing:-.04em;margin-right:auto}.topbar nav{display:flex;gap:28px;color:#ffffffd1;font-weight:700}.loginButton{border:1px solid rgba(96,165,250,.65);color:#93c5fd;padding:12px 18px;border-radius:12px;font-weight:800}.heroCatalog{padding:70px 42px 42px;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:40px;align-items:end;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.16),transparent 28%),linear-gradient(180deg,#eef5ff,#f7fafc)}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;color:#2563eb;background:#2563eb1a;border:1px solid rgba(37,99,235,.15);font-weight:900;margin-bottom:18px}.heroText h1{font-size:clamp(42px,6vw,76px);line-height:.92;letter-spacing:-.07em;margin:0 0 20px}.heroText p{margin:0;max-width:720px;color:#526071;font-size:22px}.heroStats{display:grid;grid-template-columns:1fr;gap:14px}.heroStats div{background:#fff;padding:20px;border-radius:24px;box-shadow:0 16px 38px #0f172a14}.heroStats strong{display:block;font-size:26px;letter-spacing:-.03em}.heroStats span{color:#64748b}.catalogSection,.infoGrid,.dedicatedSection,.faqSection,.contacts{padding:54px 42px;max-width:1500px;margin:0 auto}.sectionTitle{margin-bottom:24px}.sectionTitle h2{font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.05em;margin:0 0 12px}.sectionTitle p{margin:0;color:#64748b;font-size:18px}.dcGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.dcCard{border:1px solid #e6edf5;background:#fff;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;box-shadow:0 12px 28px #0f172a0f;transition:.15s ease;text-align:left}.dcCard:hover,.dcCard.active{border-color:#2563eb;box-shadow:0 18px 38px #2563eb29;transform:translateY(-1px)}.flag{font-size:30px}.dcMain{display:grid;gap:2px;margin-right:auto}.dcMain strong{font-size:20px}.dcMain em{color:#64748b;font-style:normal}.ping{display:inline-flex;align-items:center;gap:8px;color:#475569;font-weight:800}.ping i{width:8px;height:8px;background:#22c55e;border-radius:999px}.catalogPanel{background:#eef0f2;border-radius:26px;padding:26px}.catalogToolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.tabs,.periodSelect{display:flex;gap:8px;background:#fff;padding:6px;border-radius:16px;overflow-x:auto}.tabs button,.periodSelect button{border:0;background:transparent;padding:12px 16px;border-radius:12px;cursor:pointer;font-weight:900;color:#475569;white-space:nowrap}.tabs button.active,.periodSelect button.active{background:#3b82c4;color:#fff}.periodSelect button span{margin-left:6px;color:#fde68a}.tableWrap{overflow-x:auto;border-radius:18px;background:#fff}.plansTable{width:100%;border-collapse:collapse;min-width:1040px}.plansTable th{background:#f3f4f6;color:#111827;text-align:left;padding:18px 20px;font-size:16px}.plansTable td{padding:20px;border-top:1px solid #eef2f7;vertical-align:middle;font-size:17px}.plansTable tbody tr:hover{background:#f8fbff}.planName{display:flex;align-items:center;gap:12px;min-width:230px}.serverIcon{color:#111827;font-size:20px}.planName strong{display:block;font-size:18px}.planName em{display:block;color:#64748b;font-style:normal;font-size:14px}.planName b{display:inline-flex;margin-top:6px;background:#ffedd5;color:#c2410c;padding:3px 7px;border-radius:999px;font-size:12px}.plansTable small{display:block;color:#64748b}.priceCell{display:grid;gap:2px}.priceCell del{color:#94a3b8}.priceCell strong{color:#ef4444;font-size:22px}.priceCell span{color:#64748b;font-size:14px}.setupBadges{display:flex;gap:8px;flex-wrap:wrap}.setupBadges span{background:#ecfdf5;color:#166534;padding:8px 10px;border-radius:10px;font-weight:800;font-size:13px}.setupBadges span+span{background:#e0f2fe;color:#075985}.orderButton{border:0;background:#65b800;color:#fff;padding:13px 18px;border-radius:12px;font-weight:950;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px #65b80038}.orderButton.large{padding:15px 22px}.full{width:100%;justify-content:center}.outlineButton{border:1px solid #2563eb;color:#2563eb;border-radius:12px;padding:12px 16px;font-weight:900;display:inline-flex;justify-content:center}.infoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.infoCard{background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 28px #0f172a0f;font-weight:900}.infoCard.wide{grid-column:span 2;font-weight:400}.infoCard h2{margin:0 0 10px;font-size:36px;letter-spacing:-.05em}.infoCard p{color:#64748b;margin:0}.dedicatedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dedicatedCard{background:#fff;border-radius:24px;padding:26px;box-shadow:0 12px 28px #0f172a0f}.dedicatedCard h3{margin:0 0 14px;font-size:24px}.dedicatedCard ul{padding-left:20px;color:#475569}.dedicatedCard strong{display:block;font-size:28px;margin:18px 0}.faqList{display:grid;gap:12px;max-width:900px}details{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 10px 24px #0f172a0d}summary{cursor:pointer;font-weight:900;font-size:18px}details p{color:#64748b}.contacts{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;max-width:none;padding-left:42px;padding-right:42px}.contacts h2{margin:0 0 10px;font-size:40px;letter-spacing:-.05em}.contacts p{margin:0;color:#ffffffb8}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(520px,100%);background:#fff;border-radius:26px;padding:28px;position:relative;box-shadow:0 30px 90px #0000004d}.modal h2{margin:0 0 8px}.modalSub{color:#64748b;margin:0 0 18px}.close{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:32px;cursor:pointer}label{display:grid;gap:7px;margin:14px 0;color:#475569;font-weight:900}input,select{border:1px solid #dbe3ef;border-radius:13px;padding:13px 14px;width:100%}.alert{padding:14px 16px;border-radius:14px;margin:14px 0}.alert.error{background:#fef2f2;color:#991b1b}.alert.success{background:#ecfdf5;color:#065f46}@media(max-width:1100px){.heroCatalog{grid-template-columns:1fr}.catalogToolbar{display:grid}.infoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dcGrid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{height:auto;padding:18px;display:grid;gap:14px}.topbar nav{overflow-x:auto}.heroCatalog,.catalogSection,.infoGrid,.dedicatedSection,.faqSection,.contacts{padding:34px 18px}.heroText h1{font-size:44px}.dedicatedGrid,.infoGrid{grid-template-columns:1fr}.infoCard.wide{grid-column:auto}.contacts{display:grid;gap:18px}}.heroCatalog{padding:30px 42px 24px;grid-template-columns:1fr;gap:0;min-height:0}.heroStats{display:none}.eyebrow{margin-bottom:10px;padding:6px 12px;font-size:14px}.heroText h1{font-size:clamp(34px,4vw,52px);line-height:1;margin:0 0 10px;max-width:900px}.heroText p{font-size:18px;max-width:850px}.catalogSection{padding-top:32px}@media(max-width:760px){.heroCatalog{padding:24px 18px 18px}.heroText h1{font-size:34px}.heroText p{font-size:16px}}.tabs{display:none!important}.catalogToolbar{justify-content:flex-end;margin-bottom:18px}.periodSelect{margin-left:auto;max-width:100%;overflow-x:visible}.periodSelect button{min-width:auto}
