@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&display=swap');

#ss-fees{
  --navy:#0d1b4c; --navy2:#132566; --yellow:#f7b500; --cream:#faf6ec;
  --white:#ffffff; --blue:#2e7cd6; --green:#6aa32e; --orange:#f07f1a; --wa:#25D366;
  font-family:'Segoe UI',system-ui,sans-serif; color:var(--navy);
  max-width:1080px; margin:0 auto; padding:24px 16px;
}
#ss-fees *{box-sizing:border-box;margin:0;padding:0}
#ss-fees .ss-hero{text-align:center;margin-bottom:28px}
#ss-fees .ss-hero-img{max-width:min(680px,100%);height:auto;display:block;margin:0 auto}
#ss-fees .ss-hero h2{font-size:clamp(26px,4vw,40px);font-weight:800}
#ss-fees .ss-hero h2 span{color:var(--yellow)}
#ss-fees .ss-hero p{
  font-family:'Baloo 2','Segoe UI',system-ui,sans-serif;
  font-weight:600;font-size:clamp(15px,2.1vw,19px);
  color:var(--navy);opacity:.85;letter-spacing:.01em;
  margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;
}
#ss-fees .ss-hero p::before,#ss-fees .ss-hero p::after{content:"✨";font-size:.75em;opacity:.8;flex:none}

/* ====== WHY CHOOSE US ====== */
#ss-fees .ss-why{margin:8px 0 40px}
#ss-fees .ss-sprite{background-repeat:no-repeat;background-size:300% 200%}
#ss-fees .ss-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#ss-fees .ss-why-card{grid-column:span 1;background:var(--white);border:2px solid #e8e2d2;border-radius:18px;
  overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}
#ss-fees .ss-why-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(13,27,76,.14)}
#ss-fees .ss-why-card::before{content:"";display:block;height:5px;background:var(--c,var(--yellow))}
#ss-fees .ss-why-card summary{list-style:none;cursor:pointer;padding:18px 18px 14px;display:flex;gap:13px;align-items:flex-start}
#ss-fees .ss-why-card summary::-webkit-details-marker{display:none}
#ss-fees .ss-why-badge{width:44px;height:44px;border-radius:13px;background:var(--c,var(--yellow));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}
#ss-fees .ss-why-card h5{font-size:16.5px !important;font-weight:800;margin:0 0 3px !important;color:var(--navy) !important}
#ss-fees .ss-why-card .sub{font-size:13.5px;opacity:.75;line-height:1.5}
#ss-fees .ss-why-more{font-size:11.5px;font-weight:700;color:var(--blue);margin-top:6px;display:inline-block}
#ss-fees .ss-why-card[open] .ss-why-more .cl{display:inline}
#ss-fees .ss-why-card .ss-why-more .cl{display:none}
#ss-fees .ss-why-card[open] .ss-why-more .op{display:none}
#ss-fees .ss-why-body{padding:0 18px 16px 75px;font-size:13.5px;line-height:1.6}
#ss-fees .ss-why-body li{margin:4px 0 4px 16px}
#ss-fees .ss-why-hero{grid-column:1 / -1;background:var(--navy);border-color:var(--navy);color:#fff;
  display:flex;align-items:stretch;gap:8px}
#ss-fees .ss-why-hero::before{display:none}
#ss-fees .ss-why-hero .txt{flex:1;padding:26px 8px 24px 26px}
#ss-fees .ss-why-hero .tag{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:800;
  font-size:11.5px;letter-spacing:1px;padding:4px 12px;border-radius:999px;text-transform:uppercase;margin-bottom:10px}
#ss-fees .ss-why-hero h5{font-size:clamp(19px,3vw,24px) !important;color:#fff !important;margin:0 0 8px !important}
#ss-fees .ss-why-hero h5 span{color:var(--yellow)}
#ss-fees .ss-why-hero p{font-size:14px;line-height:1.65;opacity:.9;max-width:520px}
#ss-fees .ss-why-hero .fig{width:170px;flex:none;align-self:flex-end;background-repeat:no-repeat;
  background-size:contain;background-position:bottom center;margin-right:14px}
#ss-fees .ss-why-hero .fig i{display:block;padding-top:180%}
#ss-fees .ss-why-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px}
#ss-fees .ss-why-stat{background:var(--cream);border:2px solid #ece5d2;border-radius:14px;padding:14px 10px;text-align:center}
#ss-fees .ss-why-stat b{display:block;font-size:22px;color:var(--navy)}
#ss-fees .ss-why-stat small{font-size:11.5px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}
#ss-fees .ss-kids-strip{text-align:center;margin:26px auto 0;max-width:560px;position:relative}
#ss-fees .ss-kids-strip img{width:100%;max-width:520px;height:auto;display:inline-block;
  animation:ss-kids-bob 3.2s ease-in-out infinite}
#ss-fees .ss-kids-strip::after{content:"";display:block;width:70%;height:14px;margin:2px auto 0;
  background:radial-gradient(ellipse at center,rgba(13,27,76,.18) 0,transparent 70%);
  animation:ss-kids-shadow 3.2s ease-in-out infinite}
@keyframes ss-kids-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ss-kids-shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.92);opacity:.7}}
@media (prefers-reduced-motion:reduce){
  #ss-fees .ss-kids-strip img,#ss-fees .ss-kids-strip::after{animation:none}
}
@media (max-width:640px){
  #ss-fees .ss-why-grid{grid-template-columns:1fr}
  #ss-fees .ss-why-hero{flex-direction:column}
  #ss-fees .ss-why-hero .fig{width:150px;align-self:center}
  #ss-fees .ss-why-body{padding-left:18px}
}

/* Branch tabs */
#ss-fees .ss-tabs{display:flex;gap:10px;justify-content:center;margin:22px 0 26px;flex-wrap:wrap}
#ss-fees .ss-tab{border:2px solid var(--navy);background:var(--white);color:var(--navy);
  padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;transition:.2s}
#ss-fees .ss-tab.active{background:var(--navy);color:var(--yellow);box-shadow:0 6px 16px rgba(13,27,76,.25)}

/* Monthly fee cards */
#ss-fees .ss-monthly{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:34px}
#ss-fees .ss-mcard{border-radius:20px;padding:26px 22px;text-align:center;position:relative;overflow:hidden;
  background:var(--white);border:2px solid #e8e2d2;transition:transform .2s}
#ss-fees .ss-mcard:hover{transform:translateY(-4px)}
#ss-fees .ss-mcard.full{background:var(--navy);color:var(--white);border-color:var(--navy)}
#ss-fees .ss-mcard::after{content:"";position:absolute;left:2px;bottom:0;width:130px;height:150px;
  background-repeat:no-repeat;background-size:contain;background-position:left bottom;
  pointer-events:none;transform-origin:50% 100%;animation:ss-mcard-sway 3.6s ease-in-out infinite}
#ss-fees .ss-mcard.half::after{background-image:var(--half-img)}
#ss-fees .ss-mcard.full::after{background-image:var(--full-img);animation-delay:1.8s}
#ss-fees .ss-mcard:hover::after{animation:ss-mcard-hop .5s ease-in-out}
@keyframes ss-mcard-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}
@keyframes ss-mcard-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){#ss-fees .ss-mcard::after{animation:none !important}}
@media (max-width:640px){#ss-fees .ss-mcard::after{width:96px;height:112px}}
#ss-fees .ss-mcard .tag{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:800;
  font-size:12px;letter-spacing:1px;padding:5px 14px;border-radius:999px;margin-bottom:10px;text-transform:uppercase}
#ss-fees .ss-mcard h3{font-size:19px;margin:0 0 2px !important;color:var(--navy) !important;font-weight:800}
#ss-fees .ss-mcard.full h3{color:var(--white) !important}
#ss-fees .ss-mcard .hrs{font-size:13px;opacity:.7;margin-bottom:12px}
#ss-fees .ss-mcard.full .hrs{color:var(--white)}
#ss-fees .ss-mcard .price{font-size:clamp(38px,5vw,52px);font-weight:800;color:var(--navy)}
#ss-fees .ss-mcard .price small{font-size:16px;font-weight:600}
#ss-fees .ss-mcard.full .price{color:var(--yellow) !important}
#ss-fees .ss-mcard ul{list-style:none !important;margin:14px 0 0 !important;padding:0 !important;
  font-size:13.5px;text-align:left;display:inline-block}
#ss-fees .ss-mcard ul li{padding:3px 0;margin:0 !important;list-style:none !important;color:var(--navy)}
#ss-fees .ss-mcard.full ul li{color:var(--white)}
#ss-fees .ss-mcard ul li::before{content:"✓ ";color:var(--yellow);font-weight:800}

/* Accordions */
#ss-fees .ss-acc{border-radius:16px;overflow:hidden;margin-bottom:12px;border:2px solid #e8e2d2;background:var(--white)}
#ss-fees .ss-acc-head{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--white);
  border:none;cursor:pointer;font-size:16px;font-weight:800;color:var(--navy);text-align:left}
#ss-fees .ss-acc-head .ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:17px;flex:none}
#ss-fees .ss-acc-head .chev{margin-left:auto;transition:transform .25s;font-size:14px}
#ss-fees .ss-acc.open .chev{transform:rotate(180deg)}
#ss-fees .ss-acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
#ss-fees .ss-acc.open .ss-acc-body{max-height:600px}
#ss-fees .ss-acc table{width:100% !important;border-collapse:collapse !important;margin:0 !important;font-size:14.5px}
#ss-fees .ss-acc td{padding:11px 20px !important;border:none !important;border-top:1px dashed #ddd5c2 !important;
  text-align:left !important;vertical-align:middle !important;background:transparent}
#ss-fees .ss-acc td:last-child{text-align:right !important;font-weight:800;white-space:nowrap;width:1%}
#ss-fees .ss-acc tr.total td{background:var(--yellow) !important;color:var(--navy) !important;font-weight:800;
  border-top:2px solid var(--navy) !important}
#ss-fees .ss-note{font-size:12.5px;opacity:.7;padding:10px 20px 16px}
#ss-fees h4.sec{font-size:20px !important;margin:8px 0 14px !important;color:var(--navy) !important;
  font-weight:800;display:flex;align-items:center;gap:10px}
#ss-fees h4.sec::after{content:"";flex:1;height:3px;background:var(--yellow);border-radius:2px}

/* ====== FEES + CHAT TWO-COLUMN LAYOUT (desktop only) ====== */
#ss-fees .ss-cols{display:flex;flex-direction:column;gap:8px}
@media (min-width:920px){
  #ss-fees .ss-cols{display:grid;grid-template-columns:1fr 460px;gap:26px;align-items:start}
  #ss-fees .ss-col-chat{position:sticky;top:20px}
  #ss-fees .ss-col-chat .ss-chat{margin:0;max-width:none;height:clamp(520px,72vh,680px)}
}

/* ====== MISS SOLEHAH CHAT CALCULATOR ====== */
#ss-fees .ss-chat{
  max-width:520px;margin:12px auto 36px;background:var(--white);border-radius:22px;overflow:hidden;
  border:1px solid rgba(13,27,76,.12);box-shadow:0 10px 30px rgba(13,27,76,.18);
  display:flex;flex-direction:column;height:640px;
}
#ss-fees .ss-chat-head{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;
  padding:14px 18px;display:flex;align-items:center;gap:12px}
#ss-fees .ss-chat-head img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#fff;
  border:2px solid rgba(255,255,255,.7)}
#ss-fees .ss-chat-head .t{flex:1;line-height:1.25}
#ss-fees .ss-chat-head .t b{font-size:16px;display:block}
#ss-fees .ss-chat-head .t small{font-size:11.5px;opacity:.85;display:flex;align-items:center;gap:5px}
#ss-fees .ss-dot{width:7px;height:7px;border-radius:50%;background:#4CE06B;animation:ssdot 2s infinite}
@keyframes ssdot{0%{box-shadow:0 0 0 0 rgba(76,224,107,.55)}70%{box-shadow:0 0 0 6px rgba(76,224,107,0)}100%{box-shadow:0 0 0 0 rgba(76,224,107,0)}}
#ss-fees .ss-restart{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;
  cursor:pointer;font-size:15px;transition:.2s}
#ss-fees .ss-restart:hover{background:rgba(255,255,255,.3);transform:rotate(180deg)}
#ss-fees .ss-prog{height:4px;background:rgba(13,27,76,.12)}
#ss-fees .ss-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),#ffd766);
  transition:width .5s cubic-bezier(.4,0,.2,1)}
#ss-fees .ss-msgs{flex:1;overflow-y:auto;padding:16px 14px;background:var(--cream);scroll-behavior:smooth;
  background-image:radial-gradient(circle at 0 0,rgba(13,27,76,.04) 0,transparent 55%),
    radial-gradient(circle at 100% 100%,rgba(247,181,0,.07) 0,transparent 55%)}
#ss-fees .ss-msgs::-webkit-scrollbar{width:6px}
#ss-fees .ss-msgs::-webkit-scrollbar-thumb{background:rgba(13,27,76,.25);border-radius:10px}
#ss-fees .ss-bot-row{display:flex;align-items:flex-start;margin-bottom:14px}
#ss-fees .ss-bot-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-right:8px;flex:none;
  border:2px solid #fff;box-shadow:0 0 0 1.5px rgba(13,27,76,.25);background:#fff}
#ss-fees .ss-bubble{max-width:84%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.55;
  box-shadow:0 2px 8px rgba(13,27,76,.08);animation:ssmsg .35s cubic-bezier(.2,.7,.3,1) both;word-wrap:break-word}
@keyframes ssmsg{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
#ss-fees .ss-bot{background:#fff;border-top-left-radius:4px;border:1px solid rgba(13,27,76,.06)}
#ss-fees .ss-bot .nm{font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;opacity:.7;margin-bottom:3px}
#ss-fees .ss-user{background:linear-gradient(135deg,#fff0c2,#ffe08a);margin-left:auto;border-top-right-radius:4px;
  font-weight:600;margin-bottom:10px}
#ss-fees .ss-time{font-size:10.5px;opacity:.55;text-align:right;margin-top:6px}
#ss-fees .ss-opts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px 42px;animation:ssmsg .35s both}
#ss-fees .ss-opt{background:#fff;border:1.5px solid var(--navy);color:var(--navy);border-radius:999px;
  padding:9px 16px;cursor:pointer;font-size:13.5px;font-weight:600;transition:.2s;box-shadow:0 2px 8px rgba(13,27,76,.08)}
#ss-fees .ss-opt:hover{background:var(--navy);color:var(--yellow);transform:translateY(-2px)}
#ss-fees .ss-opt.accent{background:var(--wa);border-color:var(--wa);color:#05330f}
#ss-fees .ss-opt.accent:hover{background:#1fae57;color:#fff}
#ss-fees .ss-opt.ghost{border-style:dashed;background:transparent}
#ss-fees .ss-typing{display:flex;gap:4px;padding:12px 16px;background:#fff;border-radius:14px;border-top-left-radius:4px;
  width:fit-content;margin:0 0 14px 42px;box-shadow:0 2px 8px rgba(13,27,76,.08)}
#ss-fees .ss-typing i{width:7px;height:7px;background:var(--navy);opacity:.6;border-radius:50%;animation:sstyp 1.4s infinite ease-in-out}
#ss-fees .ss-typing i:nth-child(2){animation-delay:.2s}
#ss-fees .ss-typing i:nth-child(3){animation-delay:.4s}
@keyframes sstyp{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
#ss-fees .ss-bubble h3{font-size:15px !important;color:var(--navy) !important;margin:2px 0 10px !important;font-weight:800}

/* ---- Fee Summary header: cheerful "ceria" banner ---- */
#ss-fees .ss-summary-head{
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(120deg,var(--yellow) 0%,var(--orange) 100%);
  border-radius:16px;padding:12px 16px;margin:2px 0 14px !important;
  box-shadow:0 6px 16px rgba(240,127,26,.28);
  position:relative;overflow:hidden;
}
#ss-fees .ss-summary-head::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.55) 1.5px,transparent 1.5px),
                    radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 1.5px);
  background-size:26px 26px,18px 18px;background-position:0 0,9px 12px;
  opacity:.5;pointer-events:none;
}
#ss-fees .ss-summary-confetti{
  font-size:26px;line-height:1;flex:none;position:relative;z-index:1;
  animation:ssWiggle 1.6s ease-in-out infinite;
}
@keyframes ssWiggle{
  0%,100%{transform:rotate(-8deg) scale(1)}
  50%{transform:rotate(10deg) scale(1.12)}
}
#ss-fees .ss-summary-headtext{position:relative;z-index:1;min-width:0}
#ss-fees .ss-summary-kicker{
  display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--navy);opacity:.75;margin-bottom:1px;
}
#ss-fees .ss-summary-head h3{
  font-size:16.5px !important;font-weight:800 !important;color:var(--navy) !important;
  margin:0 !important;line-height:1.25;
}
#ss-fees .ss-summary-head h3 em{font-style:normal;opacity:.55;margin:0 3px;font-weight:700}

#ss-fees .ss-twrap{margin:10px 0;border-radius:10px;overflow-x:auto;box-shadow:0 2px 8px rgba(13,27,76,.08)}
#ss-fees .ss-sum{width:100% !important;min-width:300px;border-collapse:collapse !important;margin:0 !important;font-size:13px}
#ss-fees .ss-sum th{background:var(--navy) !important;color:#fff !important;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
  padding:9px 11px !important;text-align:left !important;white-space:nowrap;border:none !important}
#ss-fees .ss-sum td{padding:9px 11px !important;border:none !important;border-bottom:1px solid #f0ecdf !important;
  text-align:left !important;vertical-align:middle !important}
#ss-fees .ss-sum th:last-child,#ss-fees .ss-sum td:last-child{text-align:right !important;white-space:nowrap;font-variant-numeric:tabular-nums}
#ss-fees .ss-sum tbody tr:nth-child(even) td{background:#fbf9f2}
#ss-fees .ss-sum tr.hl td{font-weight:800;background:var(--yellow) !important;color:var(--navy);border-top:1.5px solid var(--navy)}
#ss-fees .ss-chatnote{background:#eef4fd;border-left:4px solid var(--blue);border-radius:10px;padding:10px 12px;
  margin:10px 0;font-size:12px;line-height:1.6}
#ss-fees .ss-wacard{background:#eefdf1;border-left:4px solid var(--wa);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13px}
#ss-fees .ss-wacard a{color:var(--navy);font-weight:800;text-decoration:none}
#ss-fees .ss-wacard a:hover{text-decoration:underline}
@media (max-width:560px){#ss-fees .ss-chat{height:78vh;border-radius:14px}}
@media (max-width:480px){
  #ss-fees .ss-summary-head{padding:10px 12px;border-radius:13px}
  #ss-fees .ss-summary-confetti{font-size:21px}
  #ss-fees .ss-summary-head h3{font-size:14.5px !important}
  #ss-fees .ss-hero p{font-size:14px;gap:5px}
}
@media (prefers-reduced-motion:reduce){#ss-fees .ss-summary-confetti{animation:none !important}}

/* CTA */
#ss-fees .ss-cta{text-align:center;margin-top:30px}
#ss-fees .ss-cta a.wa{display:inline-block;background:var(--wa);color:#fff;font-weight:800;font-size:16px;
  padding:15px 34px;border-radius:999px;text-decoration:none;box-shadow:0 8px 20px rgba(37,211,102,.35);transition:transform .2s}
#ss-fees .ss-cta a.wa:hover{transform:scale(1.05)}

/* Brochure download */
#ss-fees .ss-dl-box{background:var(--navy);border-radius:22px;padding:26px 22px;margin-top:34px;text-align:center;color:#fff}
#ss-fees .ss-dl-box h5{font-size:20px !important;color:var(--yellow) !important;margin:0 0 4px !important}
#ss-fees .ss-dl-box p{font-size:13.5px;opacity:.8;margin-bottom:18px}
#ss-fees .ss-dl-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
#ss-fees .ss-dl-btn{display:flex;align-items:center;gap:12px;background:var(--white);color:var(--navy);
  text-decoration:none;border-radius:16px;padding:14px 22px;min-width:250px;text-align:left;
  box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s}
#ss-fees .ss-dl-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.35)}
#ss-fees .ss-dl-btn .ic{width:38px;height:38px;flex:none;border-radius:50%;background:var(--navy);color:var(--yellow);
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800}
#ss-fees .ss-dl-btn b{display:block;font-size:15.5px}
#ss-fees .ss-dl-btn small{display:block;font-size:11.5px;opacity:.65}
#ss-fees .ss-dl-btn.gold{background:var(--yellow)}
#ss-fees .ss-dl-btn.gold .ic{color:#fff}

/* ---- Lead capture form (in chat) ---- */
.ss-leadform { display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.ss-leadform input[type="text"], .ss-leadform input[type="tel"] {
  border:1px solid #d5d9e6; border-radius:9px; padding:9px 12px; font-size:14px;
  font-family:inherit; outline:none; width:100%; box-sizing:border-box; background:#fff;
}
.ss-leadform input[type="text"]:focus, .ss-leadform input[type="tel"]:focus {
  border-color:#0d1b4c; box-shadow:0 0 0 2px rgba(13,27,76,.12);
}
.ss-lf-consent { display:flex; align-items:flex-start; gap:8px; font-size:12px; line-height:1.45; color:#4b5566; cursor:pointer; }
.ss-lf-consent input { margin-top:2px; flex-shrink:0; }
.ss-lf-consent a { color:#0d1b4c; font-weight:600; }
.ss-lf-error { font-size:12px; color:#c22f2f; background:#fdeaea; border-radius:7px; padding:7px 10px; }
.ss-lf-submit {
  background:#0d1b4c; color:#fff; border:0; border-radius:9px; padding:10px 14px;
  font-size:14px; font-weight:700; cursor:pointer; font-family:inherit;
}
.ss-lf-submit:hover:not(:disabled) { background:#16296f; }
.ss-lf-submit:disabled { opacity:.45; cursor:not-allowed; }
.ss-lf-sent { font-weight:700; color:#1a7f42; padding:6px 0; }