.fl-flash{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:14px;line-height:1.45}
.fl-flash-ok{border-color:rgba(90,200,150,.5)}
.fl-flash-err{border-color:rgba(230,90,90,.6)}
.w-form-fail[style*="display:block"]{display:block!important}
.w-form-success[style*="display:block"],.w-users-userformsuccessstate[style*="display:block"]{display:block!important}
.fl-account{max-width:860px;margin:0 auto 80px;color:#fff}
.fl-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.fl-card{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:16px;margin:0 0 20px}
.fl-card h2{margin:0 0 12px;font-size:20px}
.fl-status{opacity:.8}
.fl-status.ok{color:#7dffa6}
.fl-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:0 0 80px}
.fl-news-card{display:block;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#fff;text-decoration:none}
.fl-news-card h2{margin:8px 0 10px;font-size:20px}
.fl-news-meta{opacity:.55;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.fl-news-source{opacity:.6;margin-top:28px}
.fl-paywall{padding:12px 0 60px}
.fl-news-cover{width:100%;height:160px;object-fit:cover;border-radius:12px;margin:0 0 12px;display:block}
.fl-news-hero{display:block;max-width:800px;width:100%;margin:0 auto 28px;border-radius:16px}

.header-nav-link.w-nav-link.w--current,
.header-nav-link.w--current,
.w-nav-menu .w-nav-link.w--current{
  color:#28faff!important;
}
.dropdown-link.w-dropdown-link.w--current{color:#28faff!important}

.fl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fl-password-wrap{position:relative;display:block}
.fl-password-wrap .w-input{padding-right:52px;width:100%}
button.fl-eye,.fl-eye{
  position:absolute!important;
  right:6px;
  top:0!important;
  bottom:0!important;
  width:44px;
  height:auto!important;
  margin:auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#28faff;
  cursor:pointer;
  display:flex!important;
  align-items:center;
  justify-content:center;
  transform:none!important;
  line-height:0;
  box-shadow:none;
  appearance:none;
  z-index:2;
}
.fl-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;pointer-events:none}
.fl-eye .fl-eye-on{display:none}
.fl-eye.is-open .fl-eye-off{display:none}
.fl-eye.is-open .fl-eye-on{display:block}
.fl-login-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px}
.fl-remember,
.fl-login-row a{
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#28faff!important;
  font-family:inherit;
  line-height:1.4;
}
.fl-remember{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}
.fl-remember input{width:16px;height:16px;accent-color:#38fcff;margin:0;flex-shrink:0}
.fl-login-row a{text-decoration:none;margin-left:auto}
#Pricing .w-dyn-list{display:none!important}
#Pricing .fl-buy-now{margin-top:16px;display:inline-flex}
#Pricing .w-tab-pane{display:none}
#Pricing .w-tab-pane.w--tab-active{display:block}
/* Webflow placed these with per-node ids; plans are dynamic now, so match by class. */
#Pricing .libraries-usecases_component > .libraries-usecases_card3{grid-area:span 1/span 2/span 1/span 2}
#Pricing .libraries-usecases_card3 > .div-block-11{grid-area:span 1/span 1/span 1/span 1;justify-self:start}

@media (max-width:800px){.fl-account-grid{grid-template-columns:1fr}}