html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#050a1a;color:#e9f5ff}
a{color:#9be7ff;text-decoration:none}
a:hover{text-decoration:underline}
.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#04102a,#061a3d);border-bottom:1px solid rgba(155,231,255,.25);backdrop-filter:blur(6px)}
.brand{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.logo{display:block;border-radius:14px;box-shadow:0 0 20px rgba(66,220,255,.25)}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.navItem{padding:10px 12px;border:1px solid rgba(155,231,255,.25);border-radius:14px;background:rgba(4,16,42,.55)}
.navItem:hover{background:rgba(6,26,61,.65)}
.page{max-width:1280px;margin:0 auto;padding:16px}
.breadcrumbs{margin:10px 0 18px 0;font-size:14px;color:rgba(233,245,255,.8)}
.breadcrumbs a{color:rgba(233,245,255,.9)}
.crumbSep{opacity:.6}
.introTable{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,rgba(12,58,124,.35),rgba(4,16,42,.55));border:1px solid rgba(155,231,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 0 30px rgba(66,220,255,.12)}
.introTable td{padding:18px 18px}
h1{margin:0 0 8px 0;font-size:34px;letter-spacing:.2px}
.introTable p{margin:0;color:rgba(233,245,255,.9);font-size:15px;line-height:1.45}
#welcomeSection{margin:18px 0}
.offersTable{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;color:#0a1026;border:2px solid #0a1026;border-radius:18px;overflow:hidden}
.offersTable tr+tr td{border-top:1px solid rgba(10,16,38,.15)}
.offersTable td{padding:14px 10px;text-align:center;vertical-align:middle}
.offerCell{width:33.333%}

/* td.offerLogo must stay as table-cell (do not set display:block here) */
.offerLogo .offerLink{display:flex;align-items:center;justify-content:center}
.offerLogo img{display:block;width:160px;height:50px;object-fit:contain}

.offerSum{font-weight:700;font-size:18px;white-space:nowrap}
.offerBtn{display:inline-block;padding:10px 16px;border-radius:14px;background:#1bcf6b;color:#052014;font-weight:800;border:1px solid rgba(0,0,0,.15);min-width:110px}
.offerBtn:hover{text-decoration:none;filter:brightness(1.03)}
.imageSection{margin:18px 0}
.themeImage{width:100%;height:auto;border-radius:22px;border:1px solid rgba(155,231,255,.22);box-shadow:0 0 38px rgba(66,220,255,.10)}
.contentSection{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}
.textBlock{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(6,26,61,.55),rgba(4,16,42,.55));border:1px solid rgba(155,231,255,.18)}
h2{margin:0 0 10px 0;font-size:22px;color:#c7f3ff}
.textBlock p{margin:0;color:rgba(233,245,255,.9);line-height:1.6}
.guideList{margin:12px 0 0 18px;color:rgba(233,245,255,.92);line-height:1.6}
.guideList li{margin:6px 0}
.calculatorSection{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(6,26,61,.55),rgba(4,16,42,.55));border:1px solid rgba(155,231,255,.18);margin:18px 0}
.calcGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:14px;color:rgba(233,245,255,.85)}
.field input{padding:12px 12px;border-radius:14px;border:1px solid rgba(155,231,255,.22);background:rgba(4,16,42,.65);color:#e9f5ff;font-size:16px;outline:none}
.field input:focus{border-color:rgba(155,231,255,.55);box-shadow:0 0 0 3px rgba(66,220,255,.12)}
.calcResult{grid-column:1/-1;padding:14px;border-radius:18px;background:rgba(4,16,42,.55);border:1px solid rgba(155,231,255,.18)}
.resultLine{display:flex;justify-content:space-between;gap:10px;padding:6px 0}
.hint{margin-top:8px;font-size:13px;color:rgba(233,245,255,.78)}
.faqSection{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(6,26,61,.55),rgba(4,16,42,.55));border:1px solid rgba(155,231,255,.18);margin:18px 0}
.faqWrap{display:grid;gap:10px;margin-top:10px}
.faqItem{border-radius:18px;border:1px solid rgba(155,231,255,.18);background:rgba(4,16,42,.55);overflow:hidden}
.faqItem summary{cursor:pointer;padding:14px 14px;font-weight:700;color:#e9f5ff;list-style:none}
.faqItem summary::-webkit-details-marker{display:none}
.faqBody{padding:0 14px 14px 14px;color:rgba(233,245,255,.9);line-height:1.6}
.footer{margin-top:24px;padding:18px 16px;border-top:1px solid rgba(155,231,255,.18);background:linear-gradient(90deg,#04102a,#061a3d)}
.footerLinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.footerLinks .sep{opacity:.55}
.footerEmail{margin-top:10px;text-align:center}
.formWrap{max-width:760px;margin:0 auto}
.contactForm{display:grid;gap:12px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(6,26,61,.55),rgba(4,16,42,.55));border:1px solid rgba(155,231,255,.18)}
.contactForm input,.contactForm textarea{padding:12px 12px;border-radius:14px;border:1px solid rgba(155,231,255,.22);background:rgba(4,16,42,.65);color:#e9f5ff;font-size:16px;outline:none}
.contactForm textarea{min-height:160px;resize:vertical}
.contactForm button{padding:12px 16px;border-radius:14px;border:1px solid rgba(155,231,255,.22);background:#1bcf6b;color:#052014;font-weight:900;font-size:16px;cursor:pointer}
.contactForm button:hover{filter:brightness(1.03)}
@media (max-width:820px){
  .calcGrid{grid-template-columns:1fr}
}
@media (min-width:980px){
  h1{white-space:nowrap;font-size:clamp(26px,3vw,34px)}
  .introTable p{white-space:nowrap;font-size:13px}
}
@media (max-width:760px){
  .offersTable, .offersTable tbody, .offersTable tr{display:block;width:100%}
  .offersTable tr{border-bottom:1px solid rgba(10,16,38,.15)}
  .offersTable tr:last-child{border-bottom:none}
  .offersTable td{display:block;width:100%;border:none;padding:12px 10px;text-align:center}
  .offersTable td+td{border-top:1px solid rgba(10,16,38,.12)}
  .offersTable td::before{display:none;content:none}
}
@media (min-width: 900px){.introTable h1{white-space:nowrap}.introTable p{white-space:nowrap;max-width:none}}