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

:root{
  --msptrg-blue:#1099d6;
  --msptrg-blue-dark:#087fb6;
  --msptrg-blue-soft:#edf8fd;
  --msptrg-ink:#101827;
  --msptrg-text:#243142;
  --msptrg-muted:#657386;
  --msptrg-line:rgba(16,153,214,.18);
  --msptrg-card:#ffffff;
  --msptrg-soft:#f8fcff;
  --msptrg-green:#18a77a;
  --msptrg-shadow:0 22px 70px rgba(8,18,36,.14);
}

.msptrg-body,
.msptrg-body *:not(svg):not(path),
.msptrg-ui-overlay,
.msptrg-ui-overlay *:not(svg):not(path){
  font-family:"Poppins", Arial, sans-serif !important;
  box-sizing:border-box;
}

.msptrg-body{
  margin:0;
  padding:0;
  background:#ffffff;
  color:var(--msptrg-text);
  font-weight:400;
}

.msptrg{
  min-height:100vh;
  display:flex;
  width:100%;
}

.msptrg-hero{
  position:relative;
  width:100%;
  min-height:100vh;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(16,153,214,.07) 1px, transparent 1px),
    linear-gradient(rgba(16,153,214,.07) 1px, transparent 1px),
    radial-gradient(circle at 82% 18%, rgba(16,153,214,.22), transparent 30%),
    linear-gradient(135deg, #e4f6fc 0%, #d4f0fa 58%, #bee7f6 100%);
  background-size:44px 44px,44px 44px,auto,auto;
}

.msptrg-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--msptrg-hero);
  background-repeat:no-repeat;
  background-size:420px auto;
  background-position:8% 12%;
  opacity:.075;
  pointer-events:none;
  z-index:-2;
}

.msptrg-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.84));
  pointer-events:none;
  z-index:-1;
}

.msptrg-shell{
  position:relative;
  z-index:2;
  width:min(1220px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:clamp(18px,4vw,48px) clamp(14px,4vw,28px);
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:center;
  justify-content:center;
}

.msptrg-google{
  width:min(560px,100%);
  display:flex;
  justify-content:center;
}

.msptrg-google__media{
  position:relative;
  width:100%;
  min-height:420px;
  padding:42px 34px;
  border-radius:14px;
  background:
    radial-gradient(circle at 85% 18%, rgba(16,153,214,.16), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,252,255,.96));
  border:1px solid rgba(16,153,214,.20);
  box-shadow:0 24px 58px rgba(8,18,36,.13);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.msptrg-google__media:before{
  content:"MSP";
  position:absolute;
  right:22px;
  top:18px;
  color:rgba(16,153,214,.09);
  font-size:92px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
  pointer-events:none;
}

.msptrg-google__media:after{
  content:"Research Use Only • Third-Party Tested • Fast Fulfillment";
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  min-height:42px;
  padding:13px 16px;
  border-radius:8px;
  background:#edf8fd;
  border:1px solid rgba(16,153,214,.20);
  color:var(--msptrg-blue-dark);
  font-size:13px;
  line-height:1.25;
  font-weight:600;
  text-align:center;
}

.msptrg-google img{
  width:min(420px,92%);
  max-height:120px;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

.msptrg-welcome{
  width:min(720px,100%);
  background:#ffffff !important;
  border:1px solid rgba(16,153,214,.16) !important;
  border-radius:12px !important;
  text-align:center;
  box-shadow:0 14px 32px rgba(8,18,36,.055);
}

.msptrg-welcome p,
.msptrg-regulatory p{
  color:var(--msptrg-text) !important;
  font-weight:500 !important;
}

.msptrg-welcome strong{
  color:var(--msptrg-ink) !important;
  font-weight:700 !important;
}

.msptrg-regulatory{
  background:#ffffff !important;
  border:1px solid rgba(16,153,214,.16) !important;
  border-radius:12px !important;
  box-shadow:0 14px 32px rgba(8,18,36,.055);
}

.msptrg-regulatory p{
  color:#354151 !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}

.msptrg-regulatory--below{display:none;}
.msptrg-regulatory--mobile-top{display:none;}

.msptrg-card{
  width:min(720px,100%);
  background:var(--msptrg-card);
  border:1px solid var(--msptrg-line);
  border-radius:18px;
  box-shadow:var(--msptrg-shadow);
  padding:18px;
}

.msptrg-alert{
  background:#fff9ed;
  border:1px solid rgba(230,165,0,.30);
  color:#3a2400;
  padding:11px 13px;
  border-radius:8px;
  font-weight:500;
  margin-bottom:12px;
  line-height:1.45;
}

.msptrg-alert--ok{
  background:rgba(24,167,122,.10);
  border-color:rgba(24,167,122,.22);
  color:#0b694c;
}

.msptrg-forgot-title{
  color:var(--msptrg-ink);
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
  margin:2px 0 0;
}

.msptrg-forgot-sub{
  color:var(--msptrg-muted);
  font-size:14px;
  line-height:1.5;
  text-align:center;
  margin:6px 0 12px;
}

.msptrg-tabs{
  display:flex;
  gap:8px;
  width:100%;
  background:var(--msptrg-soft);
  border:1px solid var(--msptrg-line);
  border-radius:8px;
  padding:6px;
}

.msptrg-tab{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--msptrg-text) !important;
  font-weight:600;
  padding:11px 14px;
  border-radius:6px;
  cursor:pointer;
  min-height:42px;
  flex:1;
  text-align:center;
  font-size:14px;
  line-height:1;
}

.msptrg-tab.is-active{
  background:#ffffff;
  color:var(--msptrg-blue-dark) !important;
  border:1px solid rgba(16,153,214,.24);
  box-shadow:0 10px 20px rgba(8,18,36,.045);
}

.msptrg-panels{margin-top:14px;}
.msptrg-panel{display:none;}
.msptrg-panel.is-active{display:block;}
.msptrg-reset-view{margin-top:12px;display:block;}

.msptrg-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.msptrg-field span{
  display:block;
  margin:0 0 6px;
  color:var(--msptrg-ink);
  font-size:13px;
  line-height:1.2;
  font-weight:600;
}

.msptrg-field input{
  width:100%;
  min-height:48px;
  padding:12px 13px;
  border-radius:8px;
  border:1px solid rgba(16,153,214,.24);
  background:#ffffff;
  color:#111827;
  font-size:15px;
  line-height:1.25;
  font-weight:400;
  outline:none;
  box-shadow:none;
}

.msptrg-field input:focus{
  border-color:rgba(16,153,214,.52);
  box-shadow:0 0 0 3px rgba(16,153,214,.10);
}

.msptrg-password{position:relative;}
.msptrg-password__input{padding-right:82px !important;}
.msptrg-password__toggle{
  position:absolute;
  top:50%;
  right:8px;
  transform:translateY(-50%);
  appearance:none;
  border:1px solid rgba(16,153,214,.20);
  background:#edf8fd;
  color:var(--msptrg-blue-dark);
  border-radius:6px;
  min-height:34px;
  padding:0 12px;
  font-size:12px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
}

.msptrg-terms{
  border:1px solid rgba(16,153,214,.16);
  border-radius:10px;
  padding:13px 13px 11px;
  background:#f8fcff;
}

.msptrg-terms__head{
  color:var(--msptrg-blue-dark);
  margin-bottom:7px;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}

.msptrg-terms__body{
  color:#354151;
  font-size:13.5px;
  line-height:1.58;
  font-weight:400;
}

.msptrg-terms__body p{margin:0 0 8px;}
.msptrg-terms__body p:last-child{margin-bottom:0;}

.msptrg-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:11px;
  color:#334155;
  font-size:13.5px;
  line-height:1.42;
  font-weight:400;
}

.msptrg-check input{
  flex:0 0 auto;
  margin-top:2px;
  accent-color:var(--msptrg-blue);
}

.msptrg-btn,
button.msptrg-btn,
.msptrg-card button.msptrg-btn{
  -webkit-appearance:none;
  appearance:none;
  border:0 !important;
  border-radius:7px !important;
  padding:13px 18px !important;
  min-height:50px !important;
  width:100%;
  background:var(--msptrg-blue) !important;
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(16,153,214,.18) !important;
  cursor:pointer;
  transition:background 160ms ease, transform 160ms ease;
}

.msptrg-btn:hover{
  background:var(--msptrg-blue-dark) !important;
  transform:translateY(-1px);
}

.msptrg-small{
  text-align:center;
  color:var(--msptrg-muted);
  font-size:13px;
  line-height:1.45;
  font-weight:400;
}

.msptrg-small a{
  color:var(--msptrg-blue-dark);
  font-weight:600;
  text-decoration:none;
}
.msptrg-small a:hover{text-decoration:underline;}

.msptrg-google-login-form,.msptrg-divider{display:none;}

@media (min-width:1024px){
  .msptrg-shell{
    display:grid !important;
    grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);
    gap:36px;
    align-items:center;
  }
  .msptrg-google{grid-column:1;width:100% !important;}
  .msptrg-card{grid-column:2;width:100% !important;}
  .msptrg-regulatory--in-card{display:none !important;}
  .msptrg-regulatory--below{
    display:block;
    grid-column:1 / -1;
    width:100%;
    padding:16px 18px !important;
    margin-top:4px !important;
  }
}

@media (max-width:760px){
  .msptrg-body{overflow-x:hidden;}
  .msptrg,.msptrg-hero{overflow-x:hidden;max-width:100vw;}
  .msptrg-hero{background:#ffffff !important;}
  .msptrg-hero:before,.msptrg-hero__overlay{display:none !important;}
  .msptrg-shell{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:stretch !important;
    padding:0 !important;
    max-width:100% !important;
    width:100% !important;
    margin:0 !important;
    gap:0 !important;
  }
  .msptrg-google{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;}
  .msptrg-google__media{
    min-height:190px;
    padding:30px 18px 72px;
    border-radius:0;
    border-left:0;
    border-right:0;
    box-shadow:none;
  }
  .msptrg-google__media:before{font-size:54px;right:14px;top:12px;}
  .msptrg-google__media:after{
    left:14px;
    right:14px;
    bottom:14px;
    font-size:11.5px;
    padding:11px 12px;
  }
  .msptrg-google img{width:min(330px,82%);max-height:88px;}
  .msptrg-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border-left:0 !important;
    border-right:0 !important;
    padding:15px !important;
  }
  .msptrg-welcome{
    margin-top:0 !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }
  .msptrg-welcome--desktop{display:none !important;}
  .msptrg-welcome--mobile{display:block !important;}
  .msptrg-regulatory--mobile-top{display:block !important;}
  .msptrg-regulatory--in-card,.msptrg-regulatory--below{display:none !important;}
  .msptrg-tabs{border-radius:8px;}
  .msptrg-tab{font-size:13px;padding:11px 8px;}
  html,body{overflow-x:hidden !important;max-width:100vw !important;}
  .msptrg-card,.msptrg-terms__body,.msptrg-small{overflow-wrap:anywhere;word-break:break-word;}
}

@media (min-width:761px){
  .msptrg-welcome--mobile{display:none !important;}
  .msptrg-welcome--desktop{display:block !important;}
}

html:has(.msptrg-ui-overlay),
body:has(.msptrg-ui-overlay){
  overflow:hidden !important;
}

.msptrg-ui-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:block !important;
  width:100vw !important;
  height:100vh !important;
  padding:0 !important;
  margin:0 !important;
  overflow:auto !important;
  background:#ffffff !important;
  color:var(--msptrg-text) !important;
  -webkit-overflow-scrolling:touch;
}

.msptrg-ui-overlay .msptrg,
.msptrg-ui-overlay .msptrg-hero{min-height:100vh !important;}
.msptrg-ui-overlay .msptrg-shell{min-height:100vh;}
.msptrg-ui-overlay .msptrg-card{width:min(720px,100%) !important;max-width:100% !important;}
.msptrg-ui-overlay .msptrg-brand{display:none !important;}

@supports (height:100dvh){
  .msptrg-ui-overlay{height:100dvh !important;}
  .msptrg-ui-overlay .msptrg,
  .msptrg-ui-overlay .msptrg-hero{min-height:100dvh !important;}
}


/* MSP v1.0.1 layout reset: one logo, two stronger panels, no duplicate bottom info band. */
.msptrg-hero:before{
  display:none !important;
  content:none !important;
}

.msptrg-hero{
  background:
    linear-gradient(90deg, rgba(16,153,214,.055) 1px, transparent 1px),
    linear-gradient(rgba(16,153,214,.055) 1px, transparent 1px),
    radial-gradient(circle at 86% 10%, rgba(16,153,214,.20), transparent 30%),
    linear-gradient(135deg, #edf9fe 0%, #e7f7fd 52%, #d5eff9 100%) !important;
  background-size:44px 44px,44px 44px,auto,auto !important;
}

.msptrg-hero__overlay{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.58)) !important;
}

.msptrg-shell{
  width:min(1400px,100%) !important;
  gap:30px !important;
}

.msptrg-welcome,
.msptrg-regulatory,
.msptrg-google__media:before,
.msptrg-google__media:after{
  display:none !important;
  content:none !important;
}

.msptrg-card{
  width:100% !important;
  max-width:680px !important;
  padding:24px !important;
  border-radius:20px !important;
  border:1px solid rgba(16,153,214,.22) !important;
  box-shadow:0 28px 80px rgba(8,18,36,.14) !important;
}

.msptrg-google{
  width:100% !important;
  max-width:680px !important;
}

.msptrg-google__media{
  display:block !important;
  min-height:0 !important;
  width:100% !important;
  padding:42px !important;
  border-radius:20px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.32) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(255,255,255,.28), transparent 30%),
    linear-gradient(135deg, #00a0e9 0%, #1099d6 52%, #087fb6 100%) !important;
  box-shadow:0 28px 80px rgba(8,18,36,.18) !important;
  color:#ffffff !important;
}

.msptrg-logo-card{
  width:100%;
  padding:22px 24px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 18px 42px rgba(8,18,36,.16);
  margin:0 0 28px;
}

.msptrg-logo-main,
.msptrg-google img.msptrg-logo-main{
  width:min(475px,100%) !important;
  max-width:100% !important;
  max-height:116px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.msptrg-info-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  color:#ffffff;
  font-size:12px;
  line-height:1;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.msptrg-google__media h1{
  margin:18px 0 0 !important;
  color:#ffffff !important;
  font-size:clamp(34px,3.7vw,54px) !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}

.msptrg-google__media p{
  margin:16px 0 0 !important;
  color:rgba(255,255,255,.94) !important;
  font-size:16px !important;
  line-height:1.68 !important;
  font-weight:400 !important;
}

.msptrg-feature-grid{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.msptrg-feature{
  padding:16px 17px;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 28px rgba(8,18,36,.10);
}

.msptrg-feature strong{
  display:block;
  margin:0 0 5px;
  color:#ffffff !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
}

.msptrg-feature span{
  display:block;
  color:rgba(255,255,255,.88) !important;
  font-size:13.25px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
}

.msptrg-tabs,
.msptrg-terms{
  border-color:rgba(16,153,214,.20) !important;
}

.msptrg-terms{
  max-height:230px;
  overflow:auto;
}

.msptrg-terms__head,
.msptrg-btn,
button.msptrg-btn,
.msptrg-card button.msptrg-btn{
  font-weight:600 !important;
}

.msptrg-field span,
.msptrg-tab,
.msptrg-small a,
.msptrg-check,
.msptrg-terms__body{
  font-weight:400 !important;
}

@media (min-width:1024px){
  .msptrg-shell{
    display:grid !important;
    grid-template-columns:minmax(520px, 680px) minmax(520px, 680px) !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .msptrg-card{grid-column:1 !important;grid-row:1 !important;}
  .msptrg-google{grid-column:2 !important;grid-row:1 !important;}
}

@media (max-width:1023px){
  .msptrg-shell{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:24px 14px !important;
  }
  .msptrg-google{order:1 !important;}
  .msptrg-card{order:2 !important;}
}

@media (max-width:760px){
  .msptrg-hero{
    background:
      linear-gradient(90deg, rgba(16,153,214,.045) 1px, transparent 1px),
      linear-gradient(rgba(16,153,214,.045) 1px, transparent 1px),
      linear-gradient(135deg, #edf9fe 0%, #e8f7fd 100%) !important;
    background-size:34px 34px,34px 34px,auto !important;
  }
  .msptrg-shell{
    gap:14px !important;
    padding:14px !important;
  }
  .msptrg-google,
  .msptrg-card{
    max-width:100% !important;
  }
  .msptrg-google__media{
    border-radius:18px !important;
    padding:24px 18px !important;
    box-shadow:0 20px 46px rgba(8,18,36,.12) !important;
  }
  .msptrg-logo-card{
    padding:17px 16px;
    margin-bottom:18px;
    border-radius:14px;
  }
  .msptrg-logo-main,
  .msptrg-google img.msptrg-logo-main{
    width:min(360px,100%) !important;
    max-height:90px !important;
  }
  .msptrg-google__media h1{
    font-size:30px !important;
  }
  .msptrg-google__media p{
    font-size:14.5px !important;
    line-height:1.58 !important;
  }
  .msptrg-card{
    border-radius:18px !important;
    border-left:1px solid rgba(16,153,214,.22) !important;
    border-right:1px solid rgba(16,153,214,.22) !important;
    padding:18px !important;
    box-shadow:0 20px 46px rgba(8,18,36,.10) !important;
  }
}


/* MSP v1.0.2: keep MSP source-page information, restore new-site light styling. */
.msptrg-hero{
  background:
    linear-gradient(90deg, rgba(16,153,214,.055) 1px, transparent 1px),
    linear-gradient(rgba(16,153,214,.055) 1px, transparent 1px),
    radial-gradient(circle at 84% 12%, rgba(16,153,214,.17), transparent 31%),
    linear-gradient(135deg, #e4f6fc 0%, #d4f0fa 58%, #bee7f6 100%) !important;
  background-size:44px 44px,44px 44px,auto,auto !important;
}

.msptrg-hero__overlay{
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.78)) !important;
}

.msptrg-shell{
  width:min(1320px,100%) !important;
  gap:28px !important;
  padding:clamp(22px,4vw,54px) clamp(14px,3vw,22px) !important;
}

.msptrg-google,
.msptrg-card{
  max-width:640px !important;
}

.msptrg-google__media{
  display:block !important;
  min-height:0 !important;
  width:100% !important;
  padding:34px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  border:1px solid rgba(16,153,214,.18) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(16,153,214,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,252,255,.97)) !important;
  box-shadow:0 24px 58px rgba(8,18,36,.11) !important;
  color:var(--msptrg-text) !important;
}

.msptrg-google__media:before,
.msptrg-google__media:after,
.msptrg-welcome,
.msptrg-regulatory{
  display:none !important;
  content:none !important;
}

.msptrg-logo-card{
  width:100% !important;
  padding:24px 24px !important;
  border-radius:10px !important;
  background:#ffffff !important;
  border:1px solid rgba(16,153,214,.14) !important;
  box-shadow:0 18px 38px rgba(8,18,36,.06) !important;
  margin:0 0 24px !important;
}

.msptrg-logo-main,
.msptrg-google img.msptrg-logo-main{
  width:min(500px,100%) !important;
  max-width:100% !important;
  max-height:118px !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}

.msptrg-info-kicker{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:7px 10px !important;
  border-radius:5px !important;
  background:#eaf7fc !important;
  border:1px solid rgba(16,153,214,.24) !important;
  color:var(--msptrg-blue-dark) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

.msptrg-google__media h1{
  max-width:560px !important;
  margin:16px 0 0 !important;
  color:var(--msptrg-ink) !important;
  font-size:clamp(34px,3.3vw,50px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
}

.msptrg-google__media h1:after{
  content:"";
  display:block;
  width:74px;
  height:4px;
  margin:18px 0 0;
  border-radius:999px;
  background:var(--msptrg-blue);
}

.msptrg-google__media p{
  max-width:620px !important;
  margin:16px 0 0 !important;
  color:#354151 !important;
  font-size:15.5px !important;
  line-height:1.68 !important;
  font-weight:400 !important;
}

.msptrg-feature-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:24px !important;
}

.msptrg-feature{
  position:relative !important;
  padding:17px 18px 16px !important;
  border-radius:10px !important;
  background:#ffffff !important;
  border:1px solid rgba(16,153,214,.15) !important;
  box-shadow:0 14px 30px rgba(8,18,36,.045) !important;
  overflow:hidden !important;
}

.msptrg-feature:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--msptrg-blue);
  opacity:.86;
}

.msptrg-feature strong{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--msptrg-ink) !important;
  font-size:15.5px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
}

.msptrg-feature span{
  display:block !important;
  color:#657386 !important;
  font-size:13.35px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

.msptrg-card{
  width:100% !important;
  padding:24px !important;
  border-radius:18px !important;
  border:1px solid rgba(16,153,214,.18) !important;
  background:#ffffff !important;
  box-shadow:0 24px 58px rgba(8,18,36,.11) !important;
}

.msptrg-tabs{
  background:#f8fcff !important;
  border-color:rgba(16,153,214,.18) !important;
  border-radius:8px !important;
}

.msptrg-tab{
  font-weight:500 !important;
  border-radius:6px !important;
}

.msptrg-tab.is-active{
  background:#edf8fd !important;
  color:var(--msptrg-blue-dark) !important;
  border:1px solid rgba(16,153,214,.24) !important;
  box-shadow:none !important;
}

.msptrg-terms{
  background:#f8fcff !important;
  border-color:rgba(16,153,214,.16) !important;
  border-radius:10px !important;
  max-height:230px !important;
}

.msptrg-btn,
button.msptrg-btn,
.msptrg-card button.msptrg-btn{
  border-radius:7px !important;
  background:var(--msptrg-blue) !important;
  color:#ffffff !important;
  font-weight:600 !important;
}

@media (min-width:1024px){
  .msptrg-shell{
    display:grid !important;
    grid-template-columns:minmax(500px,640px) minmax(500px,640px) !important;
    justify-content:center !important;
    align-items:center !important;
  }
  .msptrg-card{grid-column:1 !important;grid-row:1 !important;}
  .msptrg-google{grid-column:2 !important;grid-row:1 !important;}
}

@media (max-width:1023px){
  .msptrg-shell{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  .msptrg-google{order:1 !important;}
  .msptrg-card{order:2 !important;}
}

@media (max-width:760px){
  .msptrg-hero{
    background:
      linear-gradient(90deg, rgba(16,153,214,.045) 1px, transparent 1px),
      linear-gradient(rgba(16,153,214,.045) 1px, transparent 1px),
      linear-gradient(135deg, #edf9fe 0%, #e8f7fd 100%) !important;
    background-size:34px 34px,34px 34px,auto !important;
  }

  .msptrg-shell{
    gap:14px !important;
    padding:14px !important;
  }

  .msptrg-google__media,
  .msptrg-card{
    border-radius:16px !important;
    border-left:1px solid rgba(16,153,214,.18) !important;
    border-right:1px solid rgba(16,153,214,.18) !important;
    box-shadow:0 18px 42px rgba(8,18,36,.08) !important;
  }

  .msptrg-google__media{
    padding:20px 16px !important;
  }

  .msptrg-card{
    padding:18px !important;
  }

  .msptrg-logo-card{
    padding:16px !important;
    margin-bottom:18px !important;
  }

  .msptrg-logo-main,
  .msptrg-google img.msptrg-logo-main{
    width:min(360px,100%) !important;
    max-height:92px !important;
  }

  .msptrg-google__media h1{
    font-size:30px !important;
  }

  .msptrg-google__media p{
    font-size:14.5px !important;
    line-height:1.58 !important;
  }
}

/* MSP v1.0.3: equal desktop panel heights and no inner terms scroller. */
.msptrg-terms,
.msptrg-terms__body{
  max-height:none !important;
  overflow:visible !important;
}

@media (min-width:1024px){
  .msptrg-shell{
    align-items:stretch !important;
  }

  .msptrg-card,
  .msptrg-google{
    align-self:stretch !important;
    height:100% !important;
  }

  .msptrg-google{
    display:flex !important;
  }

  .msptrg-google__media{
    height:100% !important;
    min-height:100% !important;
  }

  .msptrg-card{
    display:flex !important;
    flex-direction:column !important;
  }

  .msptrg-card .msptrg-panels{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
  }

  .msptrg-card .msptrg-panel.is-active{
    flex:1 1 auto !important;
  }
}


/* MSP v1.0.4: active access tab blue, inactive tab white. */
.msptrg-tabs{
  background:#f8fcff !important;
  border-color:rgba(16,153,214,.18) !important;
}

.msptrg-tab{
  background:#ffffff !important;
  color:var(--msptrg-blue-dark) !important;
  border:1px solid rgba(16,153,214,.24) !important;
  box-shadow:none !important;
}

.msptrg-tab.is-active{
  background:var(--msptrg-blue) !important;
  color:#ffffff !important;
  border-color:var(--msptrg-blue) !important;
  box-shadow:0 12px 24px rgba(16,153,214,.16) !important;
}