/* Additive FensVIP native shell styles. Keep the platform's original styles.
   The existing native templates own all fields, validation, state and actions.
   Do not import src/theme.css globally: its resets are for static marketing pages. */
body.fvp-native-shell {
  --fvp-bg: #07090b;
  --fvp-panel: #0d1115;
  --fvp-panel-raised: #13191f;
  --fvp-text: #f4f6f8;
  --fvp-muted: #a3adba;
  --fvp-line: rgba(172,189,205,.2);
  --fvp-accent: #00c996;
  --fvp-primary: #f6f8fa;
  --fvp-primary-text: #101316;
  --fvp-grid: rgba(132,151,168,.035);
  --fvp-shadow: 0 18px 50px rgba(0,0,0,.24);
  margin: 0;
  min-height: 100vh;
  background: var(--fvp-bg);
  color: var(--fvp-text);
  color-scheme: dark;
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;
  -webkit-font-smoothing: antialiased;
}
html[data-fvp-theme="light"] body.fvp-native-shell {
  --fvp-bg: #f7f9fb;
  --fvp-panel: #fff;
  --fvp-panel-raised: #eef2f5;
  --fvp-text: #13202b;
  --fvp-muted: #5b6b7b;
  --fvp-line: rgba(30,58,76,.18);
  --fvp-accent: #00785b;
  --fvp-primary: #17232c;
  --fvp-primary-text: #fff;
  --fvp-grid: rgba(35,58,75,.035);
  --fvp-shadow: 0 18px 50px rgba(34,55,76,.1);
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  html[data-fvp-theme="system"] body.fvp-native-shell {
    --fvp-bg: #f7f9fb;
    --fvp-panel: #fff;
    --fvp-panel-raised: #eef2f5;
    --fvp-text: #13202b;
    --fvp-muted: #5b6b7b;
    --fvp-line: rgba(30,58,76,.18);
    --fvp-accent: #00785b;
    --fvp-primary: #17232c;
    --fvp-primary-text: #fff;
    --fvp-grid: rgba(35,58,75,.035);
    --fvp-shadow: 0 18px 50px rgba(34,55,76,.1);
    color-scheme: light;
  }
}
body.fvp-native-shell--public {
  background-image: linear-gradient(var(--fvp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fvp-grid) 1px,transparent 1px);
  background-size: 54px 54px;
}
.fvp-native-shell .fvp-native-skip {
  position: fixed;
  top: -100px;
  left: 18px;
  z-index: 2000;
  padding: 12px 18px;
  border-radius: 9px;
  background: var(--fvp-primary);
  color: var(--fvp-primary-text);
}
.fvp-native-shell .fvp-native-skip:focus { top: 12px; }
.fvp-native-shell :focus-visible { outline: 2px solid var(--fvp-accent); outline-offset: 3px; }
.fvp-native-shell .fvp-native-nav {
  margin-bottom: 28px;
  border: 0;
  border-bottom: 1px solid var(--fvp-line);
  background: var(--fvp-bg);
  box-shadow: none;
}
.fvp-native-shell .fvp-native-nav .navbar-brand {
  height: auto;
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--fvp-text);
  font-size: 24px;
  font-weight: 750;
  letter-spacing: -.7px;
}
.fvp-native-shell .fvp-native-nav .navbar-brand img { max-height: 38px; width: auto; max-width: 200px; object-fit: contain; }
.fvp-native-shell .fvp-native-nav .navbar-nav > li > a {
  padding-top: 26px;
  padding-bottom: 26px;
  color: var(--fvp-muted);
  font-size: 14px;
  font-weight: 550;
}
.fvp-native-shell .fvp-native-nav .navbar-nav > li > a:hover,
.fvp-native-shell .fvp-native-nav .navbar-nav > li > a:focus { color: var(--fvp-text); background: var(--fvp-panel-raised); }
.fvp-native-shell .fvp-native-nav .navbar-nav > .active > a,
.fvp-native-shell .fvp-native-nav .navbar-nav > .open > a { color: var(--fvp-accent); background: var(--fvp-panel); }
.fvp-native-shell .fvp-native-nav .badge { background: var(--fvp-panel-raised); color: var(--fvp-text); font-weight: 600; }
.fvp-native-shell .fvp-native-nav .navbar-toggle { margin-top: 18px; border-color: var(--fvp-line); background: var(--fvp-panel); }
.fvp-native-shell .fvp-native-nav .navbar-toggle .icon-bar { background: var(--fvp-text); }
.fvp-native-shell .fvp-native-nav .navbar-collapse { border-color: var(--fvp-line); box-shadow: none; }
.fvp-native-shell .fvp-native-nav .dropdown-menu {
  border: 1px solid var(--fvp-line);
  border-radius: 12px;
  padding: 8px;
  background: var(--fvp-panel);
  box-shadow: var(--fvp-shadow);
}
.fvp-native-shell .fvp-native-nav .dropdown-menu > li > a { padding: 9px 12px; border-radius: 7px; color: var(--fvp-text); }
.fvp-native-shell .fvp-native-nav .dropdown-menu > li > a:hover,
.fvp-native-shell .fvp-native-nav .dropdown-menu > li > a:focus,
.fvp-native-shell .fvp-native-nav .dropdown-menu > .active > a { color: var(--fvp-accent); background: var(--fvp-panel-raised); }
.fvp-native-shell .fvp-native-nav li[data-fvp-native-api-hidden="true"][hidden] { display: none !important; }
.fvp-native-shell .fvp-native-theme-picker { position: relative; }
.fvp-native-shell .fvp-native-theme-picker > summary {
  list-style: none;
  padding: 26px 15px;
  color: var(--fvp-muted);
  font-size: 14px;
  font-weight: 550;
  cursor: pointer;
}
.fvp-native-shell .fvp-native-theme-picker > summary::-webkit-details-marker { display: none; }
.fvp-native-shell .fvp-native-theme-picker > summary::after { content: '⌄'; padding-left: 7px; }
.fvp-native-shell .fvp-native-theme-options {
  position: absolute;
  z-index: 1001;
  top: 100%;
  right: 0;
  min-width: 160px;
  padding: 8px;
  border: 1px solid var(--fvp-line);
  border-radius: 12px;
  background: var(--fvp-panel);
  box-shadow: var(--fvp-shadow);
}
.fvp-native-shell .fvp-native-theme-options button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 7px;
  color: var(--fvp-text);
  background: transparent;
  text-align: start;
  font: inherit;
}
.fvp-native-shell .fvp-native-theme-options button:hover,
.fvp-native-shell .fvp-native-theme-options button[aria-pressed="true"] { color: var(--fvp-accent); background: var(--fvp-panel-raised); }
.fvp-native-shell #fvp-native-content { min-height: calc(100vh - 102px); padding-bottom: 30px; }
.fvp-native-shell #fvp-native-content:focus { outline: none; }
/* Presentation only: native rows, columns, field IDs, hidden controls, validation,
   state classes, buttons and modal open/close rules remain unchanged. */
.fvp-native-shell .fvp-native-content .well,
.fvp-native-shell .fvp-native-content .panel {
  border-color: var(--fvp-line);
  border-radius: 14px;
  background: var(--fvp-panel);
  color: var(--fvp-text);
  box-shadow: none;
}
.fvp-native-shell .fvp-native-content .panel-default > .panel-heading {
  border-color: var(--fvp-line);
  background: var(--fvp-panel-raised);
  color: var(--fvp-text);
}
.fvp-native-shell .fvp-native-content .form-control:not([type="hidden"]),
.fvp-native-shell .fvp-native-content .input-group-addon {
  border-color: var(--fvp-line);
  background: var(--fvp-panel-raised);
  color: var(--fvp-text);
}
.fvp-native-shell .fvp-native-content .form-control:focus { border-color: var(--fvp-accent); box-shadow: 0 0 0 2px rgba(0,201,150,.12); }
.fvp-native-shell .fvp-native-content .form-control::placeholder { color: var(--fvp-muted); opacity: 1; }
.fvp-native-shell .fvp-native-content .has-error .form-control { border-color: #da6262; }
.fvp-native-shell .fvp-native-content .btn-primary {
  border-color: var(--fvp-primary);
  border-radius: 9px;
  background: var(--fvp-primary);
  color: var(--fvp-primary-text);
  font-weight: 650;
}
.fvp-native-shell .fvp-native-content .btn-primary:hover,
.fvp-native-shell .fvp-native-content .btn-primary:focus { filter: brightness(.92); }
.fvp-native-shell .fvp-native-content .table { color: var(--fvp-text); }
.fvp-native-shell .fvp-native-content .table > thead > tr > th,
.fvp-native-shell .fvp-native-content .table > tbody > tr > td { border-color: var(--fvp-line); }
.fvp-native-shell .fvp-native-content .table-striped > tbody > tr:nth-of-type(odd),
.fvp-native-shell .fvp-native-content .table-hover > tbody > tr:hover { background: var(--fvp-panel-raised); }
.fvp-native-shell .fvp-native-content .text-muted { color: var(--fvp-muted); }
.fvp-native-shell .fvp-native-content .nav-tabs { border-color: var(--fvp-line); }
.fvp-native-shell .fvp-native-content .nav-tabs > li.active > a { background: var(--fvp-panel); border-color: var(--fvp-line); color: var(--fvp-text); }
/* Only the native service table's identified direct .well parent can scroll.
   Keep every native table column, row, filter and price node intact. */
.fvp-native-shell .fvp-native-content .well.fvp-native-catalogue-scroll {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.fvp-native-shell .fvp-native-catalogue-scroll:focus-visible { outline: 2px solid var(--fvp-accent); outline-offset: 3px; }
.fvp-native-shell .fvp-native-catalogue-hint,
.fvp-native-shell .fvp-native-catalogue-status { margin: 0 0 10px; color: var(--fvp-muted); }
.fvp-native-shell .fvp-native-catalogue-empty { color: var(--fvp-text); }
@media (max-width: 767px) {
  .fvp-native-shell .fvp-native-nav { margin-bottom: 18px; }
  .fvp-native-shell .fvp-native-nav .navbar-brand { min-height: 68px; font-size: 22px; }
  .fvp-native-shell .fvp-native-nav .navbar-nav > li > a { padding-top: 13px; padding-bottom: 13px; }
  .fvp-native-shell .fvp-native-theme-picker > summary { padding: 13px 15px; }
  .fvp-native-shell .fvp-native-theme-options { position: static; margin: 0 15px 12px; box-shadow: none; }
  .fvp-native-shell .fvp-native-nav .navbar-nav .open .dropdown-menu { border-color: var(--fvp-line); background: var(--fvp-panel); }
  .fvp-native-shell .fvp-native-nav .navbar-nav .open .dropdown-menu > li > a { color: var(--fvp-text); }
  .fvp-native-shell .fvp-native-content .well { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .fvp-native-shell .fvp-native-theme-options,
  .fvp-native-shell .fvp-native-content .btn-primary { transition: none; }
}

/* Draft additive signin styles. Load after native-code-theme/style.css.
   All form controls, captcha, validation and submission remain platform-owned. */
body.fvp-native-code .fvp-signin-container{width:min(1024px,100%);margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
body.fvp-native-code .fvp-signin-home{color:var(--fvp-text);background:var(--fvp-bg);overflow:hidden}
body.fvp-native-code .fvp-signin-home h1,body.fvp-native-code .fvp-signin-home h2,body.fvp-native-code .fvp-signin-home h3,body.fvp-native-code .fvp-signin-home p{margin:0;color:inherit}
body.fvp-native-code .fvp-signin-icon{width:22px;height:22px;flex:none;vertical-align:middle}
body.fvp-native-code .fvp-signin-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:24px;min-height:0;padding-top:96px;padding-bottom:64px}
body.fvp-native-code .fvp-signin-hero:before{content:"";position:absolute;inset:0 -50vw;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--fvp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fvp-grid) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000 30%,transparent)}
body.fvp-native-code .fvp-signin-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-5%;top:5%;width:65%;height:90%;background:radial-gradient(ellipse,rgba(0,201,150,.09),rgba(97,68,159,.09) 35%,transparent 70%)}
body.fvp-native-code .fvp-signin-eyebrow{display:flex;align-items:center;gap:9px;color:var(--fvp-accent)!important;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:22px!important}
body.fvp-native-code .fvp-signin-status-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:var(--fvp-accent)}
body.fvp-native-code .fvp-signin-hero h1{max-width:672px;margin-top:20px;padding-bottom:4px;font-size:52px;line-height:1.12;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
body.fvp-native-code .fvp-signin-description{max-width:100%;margin-top:20px!important;color:var(--fvp-muted)!important;font-size:18px;line-height:1.625}
body.fvp-native-code .fvp-signin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:32px}
body.fvp-native-code .fvp-signin-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 24px;border:1px solid var(--fvp-line);border-radius:14px;font-size:16px;line-height:24px;font-weight:500;text-align:center;text-decoration:none!important;transition:background .15s,border-color .15s}
body.fvp-native-code .fvp-signin-button--primary{background:var(--fvp-primary);color:var(--fvp-primary-text)!important;border-color:var(--fvp-primary);box-shadow:0 8px 25px rgba(0,0,0,.1)}
body.fvp-native-code .fvp-signin-button--secondary{background:var(--fvp-panel);color:var(--fvp-text)!important}
body.fvp-native-code .fvp-signin-button:hover{border-color:var(--fvp-accent)}
body.fvp-native-code .fvp-signin-login-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:14px;color:var(--fvp-muted);font-size:14px;text-decoration:none}
body.fvp-native-code .fvp-signin-login-link:hover{color:var(--fvp-text)}
body.fvp-native-code .fvp-signin-button:focus-visible,body.fvp-native-code .fvp-signin-login-link:focus-visible,body.fvp-native-code .fvp-signin-faq summary:focus-visible,body.fvp-native-code .fvp-signin-motion-control:focus-visible+.fvp-signin-motion-label{outline:2px solid var(--fvp-accent);outline-offset:5px}
body.fvp-native-code .fvp-signin-orbit-scene{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;max-width:416px;margin:0 auto}
body.fvp-native-code .fvp-signin-motion-control{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.fvp-native-code .fvp-signin-motion-label{order:2;display:flex;align-items:center;min-height:44px;margin:8px auto 0;padding:9px 14px;border:1px solid var(--fvp-muted);border-radius:8px;background:var(--fvp-panel);color:var(--fvp-muted);font-size:12px;font-weight:400;cursor:pointer}
body.fvp-native-code .fvp-signin-motion-control:checked+.fvp-signin-motion-label{border-color:var(--fvp-accent);color:var(--fvp-text)}
body.fvp-native-code .fvp-signin-orbit{order:1;position:relative;width:100%;aspect-ratio:1;isolation:isolate}
body.fvp-native-code .fvp-signin-orbit-halo{position:absolute;inset:5%;background:radial-gradient(ellipse,rgba(0,201,150,.08),transparent 65%);filter:blur(18px)}
body.fvp-native-code .fvp-signin-orbit-ring{position:absolute;left:50%;top:50%;border:1px solid var(--fvp-line);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
body.fvp-native-code .fvp-signin-orbit-ring--outer{width:92%;height:92%}
body.fvp-native-code .fvp-signin-orbit-ring--inner{width:62%;height:62%;border-style:dashed;opacity:.55;animation:fvp-signin-ring 60s linear infinite}
body.fvp-native-code .fvp-signin-orbit-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--fvp-line);stroke-width:1;stroke-dasharray:3 8;opacity:.55;animation:fvp-signin-path 18s linear infinite}
body.fvp-native-code .fvp-signin-orbit-node{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid var(--fvp-line);border-radius:14px;background:var(--fvp-panel);box-shadow:0 7px 24px rgba(0,0,0,.1)}
body.fvp-native-code .fvp-signin-orbit-node .fvp-signin-icon{width:22px;height:22px;stroke-width:1.5}
body.fvp-native-code .fvp-signin-orbit-node--1{left:11%;top:27%;color:#ed4279}
body.fvp-native-code .fvp-signin-orbit-node--2{left:50%;top:5%;color:var(--fvp-text)}
body.fvp-native-code .fvp-signin-orbit-node--3{left:89%;top:27%;color:#f33}
body.fvp-native-code .fvp-signin-orbit-node--4{left:89%;top:73%;color:var(--fvp-text)}
body.fvp-native-code .fvp-signin-orbit-node--5{left:50%;top:95%;color:#2ea5dd}
body.fvp-native-code .fvp-signin-orbit-node--6{left:11%;top:73%;color:#1671fa}
body.fvp-native-code .fvp-signin-workflow-card{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;padding:16px;border:1px solid var(--fvp-line);border-radius:18px;background:var(--fvp-panel-raised);box-shadow:0 25px 70px rgba(0,0,0,.2)}
body.fvp-native-code .fvp-signin-workflow-platform{display:flex;align-items:center;gap:12px}
body.fvp-native-code .fvp-signin-workflow-platform>span:first-child{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffaf53,#e63483 52%,#7837ae);color:#fff}
body.fvp-native-code .fvp-signin-workflow-platform .fvp-signin-icon{width:27px;height:27px}
body.fvp-native-code .fvp-signin-workflow-platform strong{display:block;font-size:14px;line-height:1.5;font-weight:550}
body.fvp-native-code .fvp-signin-workflow-platform small{display:block;font-size:10px;color:var(--fvp-muted);letter-spacing:.03em}
body.fvp-native-code .fvp-signin-workflow-dots{margin-left:auto;align-self:flex-start;color:var(--fvp-muted);font-size:20px;line-height:1}
body.fvp-native-code .fvp-signin-workflow-states{display:grid;gap:8px;margin-top:16px}
body.fvp-native-code .fvp-signin-workflow-state{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;opacity:.3;animation:fvp-signin-row-active 12s linear infinite}
body.fvp-native-code .fvp-signin-workflow-state i{position:relative;flex:none;width:16px;height:16px;border:1.7px solid var(--fvp-accent);border-radius:50%}
body.fvp-native-code .fvp-signin-workflow-state i:after{content:"✓";position:absolute;top:-4px;left:2px;color:var(--fvp-accent);font-size:12px;font-style:normal}
body.fvp-native-code .fvp-signin-workflow-state--1{animation-delay:4s}
body.fvp-native-code .fvp-signin-workflow-state--2{animation-delay:8s}
body.fvp-native-code .fvp-signin-workflow-progress{height:6px;margin-top:16px;overflow:hidden;border-radius:4px;background:var(--fvp-line)}
body.fvp-native-code .fvp-signin-workflow-progress>span{display:block;height:100%;width:0;border-radius:4px;background:var(--fvp-accent);animation:fvp-signin-workflow-progress 12s linear infinite}
body.fvp-native-code .fvp-signin-orbit-status{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:9px;max-width:calc(50% - 32px);transform:none;white-space:normal;padding:9px 13px;border:1px solid var(--fvp-line);border-radius:8px;background:var(--fvp-panel);color:var(--fvp-muted);font-size:10px}
body.fvp-native-code .fvp-signin-orbit-status .fvp-signin-status-dot{width:5px;height:5px}
body.fvp-native-code .fvp-signin-motion-control:checked~.fvp-signin-orbit *,body.fvp-native-code .fvp-signin-motion-control:checked~.fvp-signin-orbit *:before,body.fvp-native-code .fvp-signin-motion-control:checked~.fvp-signin-orbit *:after{animation-play-state:paused!important}
body.fvp-native-code .fvp-signin-sections{padding-top:35px}
body.fvp-native-code .fvp-signin-section{margin-bottom:75px}
body.fvp-native-code .fvp-signin-section>h2{font-size:32px;line-height:1.2;letter-spacing:-.03em;font-weight:600}
body.fvp-native-code .fvp-signin-section>p{max-width:780px;margin-top:17px;color:var(--fvp-muted);font-size:15px;line-height:1.8}
body.fvp-native-code .fvp-signin-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
body.fvp-native-code .fvp-signin-card{padding:26px;border:1px solid var(--fvp-line);border-radius:16px;background:var(--fvp-panel)}
body.fvp-native-code .fvp-signin-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:24px;border:1px solid var(--fvp-line);border-radius:10px;color:var(--fvp-accent);background:var(--fvp-panel-raised)}
body.fvp-native-code .fvp-signin-card h3{font-size:18px;line-height:1.45;font-weight:600}
body.fvp-native-code .fvp-signin-card p{margin-top:14px;color:var(--fvp-muted);font-size:14px;line-height:1.75}
body.fvp-native-code .fvp-signin-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:30px 0 0;padding:0;list-style:none}
body.fvp-native-code .fvp-signin-steps li{display:flex;flex-direction:column;gap:19px;padding-top:24px;border-top:1px solid var(--fvp-line)}
body.fvp-native-code .fvp-signin-steps li>span{color:var(--fvp-accent);font-size:14px;font-weight:600}
body.fvp-native-code .fvp-signin-steps h3{font-size:20px;line-height:1.4;font-weight:600}
body.fvp-native-code .fvp-signin-steps p{margin-top:12px;color:var(--fvp-muted);font-size:14px;line-height:1.8}
body.fvp-native-code .fvp-signin-platform-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin:28px 0;padding:27px 0;list-style:none;border-top:1px solid var(--fvp-line);border-bottom:1px solid var(--fvp-line)}
body.fvp-native-code .fvp-signin-platform-strip li{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--fvp-muted);font-size:14px;line-height:1.4;font-weight:550}
body.fvp-native-code .fvp-signin-faq{margin-top:24px}
body.fvp-native-code .fvp-signin-faq details{border-bottom:1px solid var(--fvp-line)}
body.fvp-native-code .fvp-signin-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:20px 0;list-style:none;cursor:pointer;font-size:17px;font-weight:500;line-height:1.5}
body.fvp-native-code .fvp-signin-faq summary::-webkit-details-marker{display:none}
body.fvp-native-code .fvp-signin-faq summary>span{flex:none;color:var(--fvp-muted);font-size:22px;font-weight:400;transition:transform .15s}
body.fvp-native-code .fvp-signin-faq details[open] summary>span{transform:rotate(45deg)}
body.fvp-native-code .fvp-signin-faq details>div{max-width:950px;padding:0 45px 23px 0;color:var(--fvp-muted);font-size:15px;line-height:1.8}
body.fvp-native-code .fvp-signin-final-cta{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:70px;padding:42px;border:1px solid var(--fvp-line);border-radius:20px;background:var(--fvp-panel)}
body.fvp-native-code .fvp-signin-final-cta>div{max-width:730px}
body.fvp-native-code .fvp-signin-final-cta h2{font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.03em}
body.fvp-native-code .fvp-signin-final-cta p:not(.fvp-signin-eyebrow){margin-top:16px;color:var(--fvp-muted);font-size:15px;line-height:1.8}
body.fvp-native-code .fvp-signin-final-cta .fvp-signin-button{flex:none;max-width:260px}
body.fvp-native-code #fvp-native-signin{padding:0 24px 65px;scroll-margin-top:100px}
body.fvp-native-code #fvp-native-signin>h2{margin:0 0 25px;color:var(--fvp-text);text-align:center;font-size:30px;font-weight:600}
body.fvp-native-code #fvp-native-signin>.container{max-width:100%;width:1000px;padding-left:0;padding-right:0}
body.fvp-native-code #fvp-native-signin .well{padding:30px;border:1px solid var(--fvp-line);border-radius:16px;background:var(--fvp-panel);box-shadow:none;color:var(--fvp-text)}
body.fvp-native-code #fvp-native-signin .form-control{min-height:45px;border-color:var(--fvp-line);border-radius:9px;background:var(--fvp-panel-raised);color:var(--fvp-text);box-shadow:none}
body.fvp-native-code #fvp-native-signin .form-control:focus{border-color:var(--fvp-accent);outline:2px solid var(--fvp-accent);outline-offset:1px}
body.fvp-native-code #fvp-native-signin .control-label{margin-bottom:9px;font-weight:500}
body.fvp-native-code #fvp-native-signin .forgot-password,body.fvp-native-code #fvp-native-signin .pull-right-middle a{color:var(--fvp-accent)}
body.fvp-native-code #fvp-native-signin .btn-primary{min-height:44px;padding:11px 23px;border:1px solid var(--fvp-primary);border-radius:9px;background:var(--fvp-primary);color:var(--fvp-primary-text);font-weight:600}
body.fvp-native-code #fvp-native-signin .btn-primary:focus-visible{outline:2px solid var(--fvp-accent);outline-offset:3px}
@keyframes fvp-signin-ring{to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes fvp-signin-path{to{stroke-dashoffset:-120}}
@keyframes fvp-signin-row-active{0%,2%{opacity:.3}3%,31%{opacity:1}33%,100%{opacity:.3}}
@keyframes fvp-signin-workflow-progress{0%,30%{width:0;opacity:1}36%{width:12%}63%{width:78%}69%,96%{width:100%;opacity:1}99%,100%{width:100%;opacity:0}}
@media(max-width:1023px){
  body.fvp-native-code .fvp-signin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.fvp-native-code .fvp-signin-workflow-card{width:230px;padding:20px}
  body.fvp-native-code .fvp-signin-workflow-platform strong{font-size:14px}
  body.fvp-native-code .fvp-signin-workflow-state{font-size:12px}
  body.fvp-native-code .fvp-signin-orbit-node{width:50px;height:50px;border-radius:14px}
  body.fvp-native-code .fvp-signin-orbit{aspect-ratio:1/1.05}
  body.fvp-native-code .fvp-signin-orbit-ring--outer{width:88%;height:90%}
  body.fvp-native-code .fvp-signin-orbit-node--1,body.fvp-native-code .fvp-signin-orbit-node--6{left:12%}
  body.fvp-native-code .fvp-signin-orbit-node--3,body.fvp-native-code .fvp-signin-orbit-node--4{left:88%}
  body.fvp-native-code .fvp-signin-orbit-node--2{top:10%}
  body.fvp-native-code .fvp-signin-orbit-node--5{top:90%}
  body.fvp-native-code .fvp-signin-orbit-status{bottom:-22px}
  body.fvp-native-code .fvp-signin-motion-label{margin-top:40px}
  body.fvp-native-code .fvp-signin-platform-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}
@media(max-width:700px){
  body.fvp-native-code .fvp-signin-container{padding-left:22px;padding-right:22px}
  body.fvp-native-code .fvp-signin-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-top:44px;padding-bottom:30px}
  body.fvp-native-code .fvp-signin-hero h1{font-size:clamp(36px,9vw,50px)}
  body.fvp-native-code .fvp-signin-description{font-size:15px;line-height:1.8}
  body.fvp-native-code .fvp-signin-button{font-size:13px;padding:12px 17px;min-height:46px}
  body.fvp-native-code .fvp-signin-actions{gap:10px;margin-top:26px}
  body.fvp-native-code .fvp-signin-orbit-scene{max-width:450px;margin:8px auto 0}
  body.fvp-native-code .fvp-signin-orbit{width:100%;aspect-ratio:1/1.05}
  body.fvp-native-code .fvp-signin-orbit-node--1,body.fvp-native-code .fvp-signin-orbit-node--6{left:7%}
  body.fvp-native-code .fvp-signin-orbit-node--3,body.fvp-native-code .fvp-signin-orbit-node--4{left:93%}
  body.fvp-native-code .fvp-signin-orbit-node--2{top:12%}
  body.fvp-native-code .fvp-signin-orbit-node--5{top:88%}
  body.fvp-native-code .fvp-signin-workflow-card{width:215px;padding:18px}
  body.fvp-native-code .fvp-signin-workflow-platform>span:first-child{width:40px;height:40px;border-radius:11px}
  body.fvp-native-code .fvp-signin-workflow-states{gap:10px;margin-top:20px}
  body.fvp-native-code .fvp-signin-workflow-progress{margin-top:20px}
  body.fvp-native-code .fvp-signin-sections{padding-top:30px}
  body.fvp-native-code .fvp-signin-section{margin-bottom:48px}
  body.fvp-native-code .fvp-signin-section>h2{font-size:27px}
  body.fvp-native-code .fvp-signin-card-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}
  body.fvp-native-code .fvp-signin-card{padding:24px}
  body.fvp-native-code .fvp-signin-steps{grid-template-columns:1fr;gap:23px;margin-top:24px}
  body.fvp-native-code .fvp-signin-steps li{flex-direction:row;gap:20px}
  body.fvp-native-code .fvp-signin-steps li>span{padding-top:3px}
  body.fvp-native-code .fvp-signin-steps h3{font-size:18px}
  body.fvp-native-code .fvp-signin-platform-strip{gap:24px 12px}
  body.fvp-native-code .fvp-signin-platform-strip li{font-size:12px;gap:6px}
  body.fvp-native-code .fvp-signin-platform-strip .fvp-signin-icon{width:18px;height:18px}
  body.fvp-native-code .fvp-signin-faq summary{font-size:15px;gap:20px}
  body.fvp-native-code .fvp-signin-faq details>div{padding-right:22px;font-size:14px}
  body.fvp-native-code .fvp-signin-final-cta{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:50px;padding:28px 24px}
  body.fvp-native-code .fvp-signin-final-cta h2{font-size:27px}
  body.fvp-native-code #fvp-native-signin{padding:0 22px 45px;scroll-margin-top:85px}
  body.fvp-native-code #fvp-native-signin .well{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  body.fvp-native-code .fvp-signin-home *,body.fvp-native-code .fvp-signin-home *:before,body.fvp-native-code .fvp-signin-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body.fvp-native-code .fvp-signin-workflow-state--0{opacity:1}
  body.fvp-native-code .fvp-signin-workflow-state--1,body.fvp-native-code .fvp-signin-workflow-state--2{opacity:.3}
  body.fvp-native-code .fvp-signin-motion-control,body.fvp-native-code .fvp-signin-motion-label{display:none}
}


/* Four neutral actions reflect existing panel areas, not delivery guarantees. */
body.fvp-native-code .fvp-signin-hero .fvp-signin-eyebrow{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 12px;border:1px solid var(--fvp-line);border-radius:999px;background:var(--fvp-panel);color:var(--fvp-muted)!important;font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;margin:0!important}
body.fvp-native-code .fvp-signin-hero-features{display:grid;grid-template-columns:repeat(2,max-content);column-gap:32px;row-gap:8px;width:max-content;max-width:100%;margin:24px 0 0;padding:0;list-style:none;color:var(--fvp-muted);font-size:14px;line-height:20px}
body.fvp-native-code .fvp-signin-hero-features li{display:flex;align-items:center;gap:6px;min-width:0}
body.fvp-native-code .fvp-signin-hero-features .fvp-signin-icon{width:16px;height:16px;color:var(--fvp-accent)}
body.fvp-native-code .fvp-signin-platform-strip li>a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;color:inherit;text-decoration:none;border-radius:8px}
body.fvp-native-code .fvp-signin-platform-strip li>a:hover{color:var(--fvp-accent);background:var(--fvp-panel)}
body.fvp-native-code .fvp-signin-platform-strip li>a:focus-visible{outline:2px solid var(--fvp-accent);outline-offset:3px}
body.fvp-native-code .fvp-signin-button:active{filter:brightness(.92);transform:translateY(1px)}
body.fvp-native-code .fvp-signin-mobile-platforms{display:none}
body.fvp-native-code .fvp-signin-faq{max-width:768px;margin-left:auto;margin-right:auto}
@media(max-width:1023px){
 body.fvp-native-code .fvp-signin-hero{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:80px;padding-bottom:48px;text-align:center}
 body.fvp-native-code .fvp-signin-hero-copy{min-width:0;width:100%}
 body.fvp-native-code .fvp-signin-hero h1{max-width:672px;margin-left:auto;margin-right:auto;font-size:48px}
 body.fvp-native-code .fvp-signin-description{max-width:672px;margin-left:auto!important;margin-right:auto!important;font-size:18px;line-height:1.625}
 body.fvp-native-code .fvp-signin-actions{justify-content:center;gap:12px;margin-top:32px}
 body.fvp-native-code .fvp-signin-button{min-height:44px;padding:9px 24px;font-size:16px;line-height:24px}
 body.fvp-native-code .fvp-signin-hero-features{display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:8px;width:auto;margin-top:24px}
 body.fvp-native-code .fvp-signin-orbit-scene{display:none}
 body.fvp-native-code .fvp-signin-mobile-platforms{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:32px 0 0;padding:0;list-style:none}
 body.fvp-native-code .fvp-signin-mobile-platforms a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--fvp-line);border-radius:12px;background:var(--fvp-panel);color:var(--fvp-muted)}
 body.fvp-native-code .fvp-signin-mobile-platforms a:hover{color:var(--fvp-accent)}
 body.fvp-native-code .fvp-signin-mobile-platforms a:focus-visible{outline:2px solid var(--fvp-accent);outline-offset:3px}
 body.fvp-native-code .fvp-signin-mobile-platforms .fvp-signin-icon{width:20px;height:20px}
}
@media(max-width:639px){
 body.fvp-native-code .fvp-signin-container{padding-left:16px;padding-right:16px}
 body.fvp-native-code .fvp-signin-hero{padding-top:56px;padding-bottom:48px}
 body.fvp-native-code .fvp-signin-hero h1{font-size:34px;line-height:1.12}
 body.fvp-native-code .fvp-signin-description{font-size:16px;line-height:26px}
 body.fvp-native-code .fvp-signin-actions{flex-direction:column;align-items:stretch}
 body.fvp-native-code .fvp-signin-actions .fvp-signin-button{width:100%}
}

/* FensVIP native public shell candidate start */
/* Additive public-navigation/footer candidate. No body/root/reset or native form rules.
   Integrate only with the matching fragments; the native currency control remains in services.twig. */
.fvp-native-shell--public .fvp-public-chrome,
.fvp-native-shell--public .fvp-public-footer { color:var(--fvp-text); background:var(--fvp-bg); }
.fvp-native-shell--public .fvp-public-chrome { position:sticky; top:0; z-index:30; margin:0; border-bottom:1px solid var(--fvp-line); }
.fvp-native-shell--public .fvp-public-header-inner { max-width:1024px; min-height:64px; padding:0 16px; margin:0 auto; display:flex; align-items:center; gap:16px; box-sizing:border-box; }
.fvp-native-shell--public .fvp-public-brand { display:inline-flex; align-items:center; gap:10px; color:var(--fvp-text); font-size:24px; line-height:1; font-weight:750; letter-spacing:-1px; white-space:nowrap; text-decoration:none; }
.fvp-native-shell--public .fvp-public-chrome .fvp-public-brand.navbar-brand { float:none; padding:0; min-height:0; height:auto; }
.fvp-native-shell--public .fvp-public-brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--fvp-accent); color:var(--fvp-bg); font-size:24px; font-weight:900; letter-spacing:-2px; padding-right:2px; transform:skew(-6deg); }
.fvp-native-shell--public .fvp-public-brand-vip { font-weight:500; }
.fvp-native-shell--public .fvp-public-navigation { min-width:0; flex:1; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.fvp-native-shell--public .fvp-public-menus,
.fvp-native-shell--public .fvp-public-utilities { display:flex; align-items:center; gap:2px; }
.fvp-native-shell--public .fvp-public-utilities { gap:12px; }
.fvp-native-shell--public .fvp-public-icon { width:18px; height:18px; flex:none; vertical-align:middle; }
.fvp-native-shell--public .fvp-public-dropdown { position:relative; }
.fvp-native-shell--public .fvp-public-dropdown > summary { list-style:none; display:flex; align-items:center; gap:6px; min-height:36px; padding:8px 12px; cursor:pointer; white-space:nowrap; font-size:14px; line-height:20px; font-weight:500; color:var(--fvp-muted); }
.fvp-native-shell--public .fvp-public-dropdown > summary::-webkit-details-marker { display:none; }
.fvp-native-shell--public .fvp-public-dropdown > summary > .fvp-public-icon:last-child:not(:first-child) { width:13px; height:13px; opacity:.7; }
.fvp-native-shell--public .fvp-public-dropdown[open] > summary,
.fvp-native-shell--public .fvp-public-dropdown > summary:hover { color:var(--fvp-text); }
.fvp-native-shell--public .fvp-public-dropdown[open] > summary > .fvp-public-icon:last-child:not(:first-child) { transform:rotate(180deg); }
.fvp-native-shell--public .fvp-public-dropdown-panel { position:absolute; top:calc(100% + 8px); left:0; min-width:232px; padding:14px; border:1px solid var(--fvp-line); border-radius:15px; background:var(--fvp-panel); box-shadow:var(--fvp-shadow); display:flex; flex-direction:column; gap:3px; z-index:35; }
.fvp-native-shell--public .fvp-public-dropdown-panel--wide { display:grid; grid-template-columns:1fr 1.25fr; gap:6px 20px; min-width:475px; padding:20px; }
.fvp-native-shell--public .fvp-public-dropdown-panel a,
.fvp-native-shell--public .fvp-public-dropdown-panel button { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:var(--fvp-text); font:inherit; font-size:13px; line-height:1.45; border:0; background:transparent; text-align:start; text-decoration:none; }
.fvp-native-shell--public .fvp-public-dropdown-panel a:hover,
.fvp-native-shell--public .fvp-public-dropdown-panel button:hover,
.fvp-native-shell--public .fvp-public-dropdown-panel button[aria-pressed="true"] { background:var(--fvp-panel-raised); color:var(--fvp-accent); }
.fvp-native-shell--public .fvp-public-dropdown-group { display:flex; flex-direction:column; gap:3px; }
.fvp-native-shell--public .fvp-public-dropdown-group p { margin:0; font-size:10px; letter-spacing:.12em; color:var(--fvp-muted); text-transform:uppercase; padding:0 12px 7px; }
.fvp-native-shell--public .fvp-public-dropdown-bottom { grid-column:1/-1; display:flex; align-items:center; margin-top:12px; padding-top:10px; border-top:1px solid var(--fvp-line); color:var(--fvp-accent); }
.fvp-native-shell--public .fvp-public-dropdown-bottom a { flex:1; }
.fvp-native-shell--public .fvp-public-dropdown-bottom > .fvp-public-icon { margin-right:12px; }
.fvp-native-shell--public .fvp-public-dropdown--language .fvp-public-dropdown-panel,
.fvp-native-shell--public .fvp-public-dropdown--theme .fvp-public-dropdown-panel { left:auto; right:-15px; min-width:180px; }
.fvp-native-shell--public .fvp-public-dropdown--language a[aria-current="true"] { color:var(--fvp-accent); }
.fvp-native-shell--public .fvp-public-currency { position:relative; }
.fvp-native-shell--public .fvp-public-currency-toggle { border:0; min-height:36px; padding:8px 0; background:transparent; color:var(--fvp-muted); font:inherit; font-size:14px; line-height:20px; white-space:nowrap; }
.fvp-native-shell--public .fvp-public-currency .dropdown-menu { right:0; left:auto; border:1px solid var(--fvp-line); border-radius:12px; padding:8px; background:var(--fvp-panel); box-shadow:var(--fvp-shadow); }
.fvp-native-shell--public .fvp-public-currency .dropdown-menu > li > a { color:var(--fvp-text); border-radius:7px; padding:9px 12px; }
.fvp-native-shell--public .fvp-public-currency .dropdown-menu > li > a:hover,
.fvp-native-shell--public .fvp-public-currency .dropdown-menu > .active > a { color:var(--fvp-accent); background:var(--fvp-panel-raised); }
.fvp-native-shell--public .fvp-public-account-links { float:none; display:flex; align-items:center; gap:20px; white-space:nowrap; list-style:none; padding:0; margin:0; }
.fvp-native-shell--public .fvp-public-account-links > li { float:none; }
.fvp-native-shell--public .fvp-public-chrome .fvp-public-account-links > li > a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; font-size:14px; line-height:20px; text-decoration:none; color:var(--fvp-text); padding:8px 12px; }
.fvp-native-shell--public .fvp-public-chrome .fvp-public-account-links .fvp-public-signup { display:inline-flex; padding:7px 14px; border:1px solid var(--fvp-primary); border-radius:8px; background:var(--fvp-primary); color:var(--fvp-primary-text); font-weight:500; }
.fvp-native-shell--public .fvp-public-mobile-toggle { display:none; border:1px solid var(--fvp-line); background:transparent; color:var(--fvp-text); border-radius:8px; padding:8px; }
.fvp-native-shell--public .fvp-public-chrome :focus-visible,
.fvp-native-shell--public .fvp-public-footer :focus-visible { outline:2px solid var(--fvp-accent); outline-offset:3px; }
.fvp-native-shell--public .fvp-public-footer { border-top:1px solid var(--fvp-line); background:linear-gradient(180deg,var(--fvp-bg),var(--fvp-panel)); }
.fvp-native-shell--public .fvp-public-footer-inner { max-width:1024px; padding:0 16px; box-sizing:border-box; margin:0 auto; }
.fvp-native-shell--public .fvp-public-footer-top { padding:56px 0 45px; }
.fvp-native-shell--public .fvp-public-footer-brand { display:flex; align-items:flex-start; flex-direction:column; max-width:380px; gap:13px; margin-bottom:45px; }
.fvp-native-shell--public .fvp-public-footer-brand > p { color:var(--fvp-muted); font-size:14px; line-height:20px; margin:8px 0 0; }
.fvp-native-shell--public .fvp-public-footer-brand > a:not(.fvp-public-brand) { font-size:14px; line-height:20px; color:var(--fvp-muted); text-decoration:none; }
.fvp-native-shell--public .fvp-public-footer-brand .fvp-public-icon { width:12px; height:12px; margin-left:5px; }
.fvp-native-shell--public .fvp-public-footer-groups { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:32px; }
.fvp-native-shell--public .fvp-public-footer-group { display:flex; flex-direction:column; gap:11px; align-items:flex-start; }
.fvp-native-shell--public .fvp-public-footer-group h3 { font-size:16px; line-height:24px; font-weight:500; margin:0 0 16px; color:var(--fvp-text); }
.fvp-native-shell--public .fvp-public-footer-group > a { font-size:14px; color:var(--fvp-muted); line-height:20px; text-decoration:none; }
.fvp-native-shell--public .fvp-public-footer-group > a:hover { color:var(--fvp-text); }
.fvp-native-shell--public .fvp-public-footer-bottom { padding:22px 0 28px; border-top:1px solid var(--fvp-line); display:flex; justify-content:space-between; gap:30px; font-size:10px; color:var(--fvp-muted); }

/* v0.3.5: brand geometry measured against the reference; text and mark remain FensVIP. */
.fvp-native-shell--public .fvp-public-chrome .fvp-public-brand { gap:8px; font-size:16.8px; line-height:1; font-weight:600; letter-spacing:0; }
.fvp-native-shell--public .fvp-public-chrome .fvp-public-brand-mark { width:32px; height:32px; flex:none; font-size:22px; border-radius:9px; }
.fvp-native-shell--public .fvp-public-brand-copy { display:flex; flex-direction:column; min-width:0; }
.fvp-native-shell--public .fvp-public-brand-title { line-height:16.8px; }
.fvp-native-shell--public .fvp-public-brand-subtitle { display:flex; align-items:center; gap:4px; margin-top:4px; color:var(--fvp-muted); font-size:10.5px; line-height:10.5px; font-weight:500; letter-spacing:0; }
.fvp-native-shell--public .fvp-public-brand-subtitle > span { width:6px; height:6px; flex:none; border-radius:50%; background:var(--fvp-accent); }
.fvp-native-shell--public .fvp-public-menus > details > summary { border-radius:8px; }
.fvp-native-shell--public .fvp-public-menus > details > summary:hover { background:var(--fvp-panel-raised); }
.fvp-native-shell--public .fvp-public-mobile-signup { display:none; }

@media (max-width:1023px) {
  .fvp-native-shell--public .fvp-public-header-inner { flex-wrap:wrap; gap:0; padding:0 16px; min-height:64px; }
  .fvp-native-shell--public .fvp-public-js .fvp-public-mobile-toggle { display:inline-flex; margin-left:auto; }
  .fvp-native-shell--public .fvp-public-navigation { flex-basis:100%; flex-direction:column; align-items:stretch; padding-top:18px; }
  .fvp-native-shell--public .fvp-public-js .fvp-public-navigation:not(.is-open) { display:none; }
  .fvp-native-shell--public .fvp-public-menus { flex-direction:column; align-items:stretch; gap:0; }
  .fvp-native-shell--public .fvp-public-dropdown > summary { padding:14px 0; }
  .fvp-native-shell--public .fvp-public-dropdown-panel,
  .fvp-native-shell--public .fvp-public-dropdown--language .fvp-public-dropdown-panel,
  .fvp-native-shell--public .fvp-public-dropdown--theme .fvp-public-dropdown-panel { position:static; min-width:0; margin:0 0 10px; box-shadow:none; }
  .fvp-native-shell--public .fvp-public-dropdown-panel--wide { min-width:0; grid-template-columns:1fr 1fr; }
  .fvp-native-shell--public .fvp-public-utilities { flex-wrap:wrap; align-items:flex-start; gap:10px 18px; }
  .fvp-native-shell--public .fvp-public-account-links { margin-left:auto; padding:8px 0; }
  .fvp-native-shell--public .fvp-public-footer-groups { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:639px) {
  .fvp-native-shell--public .fvp-public-header-inner,
  .fvp-native-shell--public .fvp-public-footer-inner { padding-left:16px; padding-right:16px; }
  .fvp-native-shell--public .fvp-public-dropdown-panel--wide { grid-template-columns:1fr; padding:12px; }
  .fvp-native-shell--public .fvp-public-account-links { margin-left:0; flex-basis:100%; }
  .fvp-native-shell--public .fvp-public-footer-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; }
  .fvp-native-shell--public .fvp-public-footer-bottom { flex-direction:column; gap:8px; }
}


@media (max-width:1023px) {
 .fvp-native-shell--public .fvp-public-mobile-signup { display:inline-flex; align-items:center; justify-content:center; min-height:36px; margin:14px 0 14px auto; padding:7px 14px; border:1px solid var(--fvp-primary); border-radius:8px; background:var(--fvp-primary); color:var(--fvp-primary-text); font-size:14px; line-height:20px; font-weight:500; text-decoration:none; }
 .fvp-native-shell--public .fvp-public-js .fvp-public-mobile-toggle { margin:14px 0 14px 8px; }
 .fvp-native-shell--public .fvp-public-navigation { max-height:calc(100vh - 65px); max-height:calc(100dvh - 65px); overflow-y:auto; overscroll-behavior:contain; padding-bottom:16px; }
 .fvp-native-shell--public .fvp-public-brand-subtitle { max-width:210px; overflow-wrap:anywhere; white-space:normal; }
}
@media (max-width:400px) {
 .fvp-native-shell--public .fvp-public-brand-subtitle { max-width:155px; }
}
/* FensVIP native public shell candidate end */


/* v0.3.5 native signup presentation only. The full original signup template is embedded unchanged. */
body.fvp-native-code .fvp-signup-stage{padding:64px 24px;color:var(--fvp-text)}
body.fvp-native-code .fvp-signup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;width:100%;max-width:1024px;margin:0 auto}
body.fvp-native-code .fvp-signup-intro{min-width:0}
body.fvp-native-code .fvp-signup-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--fvp-muted);font-size:12px;line-height:18px;font-weight:500}
body.fvp-native-code .fvp-signup-eyebrow>span{width:7px;height:7px;flex:none;border-radius:50%;background:var(--fvp-accent)}
body.fvp-native-code .fvp-signup-intro h2{margin:0;font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.025em;text-wrap:balance;color:var(--fvp-text)}
body.fvp-native-code .fvp-signup-intro>p:not(.fvp-signup-eyebrow){margin:20px 0 0;color:var(--fvp-muted);font-size:16px;line-height:26px}
body.fvp-native-code .fvp-signup-steps{display:grid;gap:20px;list-style:none;padding:0;margin:32px 0 0}
body.fvp-native-code .fvp-signup-steps li{display:flex;align-items:flex-start;gap:12px}
body.fvp-native-code .fvp-signup-step-number{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid var(--fvp-line);border-radius:10px;color:var(--fvp-accent);font-size:12px;line-height:18px}
body.fvp-native-code .fvp-signup-steps h3{margin:0;font-size:15px;line-height:22px;font-weight:500;color:var(--fvp-text)}
body.fvp-native-code .fvp-signup-steps p{margin:6px 0 0;font-size:14px;line-height:22px;color:var(--fvp-muted)}
body.fvp-native-code .fvp-signup-form-pane{min-width:0;width:100%;max-width:448px;justify-self:end;font-size:14px;line-height:20px}
body.fvp-native-code .fvp-signup-form-heading{padding:0 16px;margin-bottom:24px}
body.fvp-native-code .fvp-signup-form-heading h1{margin:0;font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.025em;color:var(--fvp-text)}
body.fvp-native-code .fvp-signup-form-heading p{margin:10px 0 0;font-size:14px;line-height:22px;color:var(--fvp-muted)}
body.fvp-native-code .fvp-signup-form-pane>.container{width:100%;max-width:none;margin:0;padding:0 16px}
body.fvp-native-code .fvp-signup-form-pane>.container>.row{margin:0}
body.fvp-native-code .fvp-signup-form-pane>.container>.row>.col-md-8{float:none;width:100%;margin:0;padding:0}
body.fvp-native-code .fvp-signup-form-pane .well{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.fvp-native-code .fvp-signup-form-pane .form-group{margin-bottom:20px}
body.fvp-native-code .fvp-signup-form-pane .control-label{display:block;margin:0 0 8px;font-size:14px;line-height:20px;font-weight:500}
body.fvp-native-code .fvp-signup-form-pane .form-control{width:100%;height:32px;min-height:32px;padding:4px 10px;border-radius:8px;font-size:14px;line-height:20px;box-shadow:none}
body.fvp-native-code .fvp-signup-form-pane .form-control:focus{border-color:var(--fvp-accent);box-shadow:0 0 0 2px rgba(0,201,150,.12)}
body.fvp-native-code .fvp-signup-form-pane form>.row{margin:0}
body.fvp-native-code .fvp-signup-form-pane form>.row>.col-md-6{float:none;width:100%;padding:0}
body.fvp-native-code .fvp-signup-form-pane .form-inline .form-group{display:block;width:100%;margin:0 0 16px}
body.fvp-native-code .fvp-signup-form-pane button[type="submit"]{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 14px;border-radius:8px;font-size:14px;line-height:22px;font-weight:500}
body.fvp-native-code .fvp-signup-form-pane .text-md-right{text-align:center}
body.fvp-native-code .fvp-signup-form-pane .pull-right-middle{position:static;display:block;float:none;margin:0;padding:0;font-size:14px;line-height:22px;color:var(--fvp-muted)}
body.fvp-native-code .fvp-signup-form-pane .checkbox{margin:0}
body.fvp-native-code .fvp-signup-form-pane .checkbox label{font-size:14px;line-height:22px}
body.fvp-native-code .fvp-signup-form-pane a{color:var(--fvp-accent)}
body.fvp-native-code .fvp-signup-form-pane .alert{font-size:14px;line-height:22px;overflow-wrap:anywhere}
body.fvp-native-code .fvp-signup-form-pane .g_id_signin{max-width:100%}
@media(max-width:1023px){
 body.fvp-native-code .fvp-signup-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 body.fvp-native-code .fvp-signup-form-pane{order:-1;justify-self:center}
 body.fvp-native-code .fvp-signup-intro{max-width:672px;justify-self:center}
}
@media(max-width:639px){
 body.fvp-native-code .fvp-signup-intro h2{font-size:30px;line-height:36px}
 body.fvp-native-code .fvp-signup-form-pane .form-control{font-size:16px;line-height:24px}
}


/* v0.3.5: keep the existing mobile brand, registration and menu on one row.
   Long translated subtitles wrap inside the remaining brand width; no text is hidden. */
@media (max-width:1023px) {
 .fvp-native-shell--public .fvp-public-chrome .fvp-public-header-inner>.fvp-public-brand { flex:1 1 0%; min-width:0; padding-right:8px; }
 .fvp-native-shell--public .fvp-public-chrome .fvp-public-brand-copy { flex:1 1 0%; min-width:0; }
 .fvp-native-shell--public .fvp-public-chrome .fvp-public-brand-subtitle { width:100%; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
 .fvp-native-shell--public .fvp-public-mobile-signup,
 .fvp-native-shell--public .fvp-public-mobile-toggle { flex:none; white-space:nowrap; }
}


/* FensVIP v0.3.5 evidence-bound public content family layout.
   Explicit 22-page allowlist; policies, native account/forms and blog articles excluded.
   Reference metrics: About/platform/how/FAQ/blog, desktop 1440; mobile About measured.
   Preserve factual copy, native links, details behavior, post loops and pagination.
   Does not fabricate stats, tags, images, timed reading, full-card links, or hidden excerpts. */
body.fvp-native-shell--public #fvp-native-content > .container:has(article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube)) { width:100%;max-width:none;padding-left:0;padding-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube)) > .row { margin-left:0;margin-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube)) > .row > .col-md-8.col-md-offset-2 { float:none;width:100%;margin-left:0;padding-left:0;padding-right:0; }
body.fvp-native-shell--public #fvp-native-content .well:has(> article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube)) { min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) { box-sizing:border-box;width:100%;margin:0;padding:0;font-size:16px;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > header { box-sizing:border-box;display:flex;flex-direction:column;align-items:center;max-width:768px;margin:0 auto;padding:64px 24px;text-align:center; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > header > h1 { max-width:672px;margin:0;font-size:36px;font-weight:600;line-height:40px;letter-spacing:-.025em; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > header > .lead { max-width:720px;margin:16px 0 0;color:var(--fvp-muted);font-size:18px;font-weight:400;line-height:28px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-about > header > .lead { max-width:672px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-instagram,.fvp-native-tiktok,.fvp-native-youtube,.fvp-native-twitter-smm-panel,.fvp-native-telegram-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-buy-instagram-followers) > header { padding-top:80px;padding-bottom:80px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-instagram,.fvp-native-tiktok,.fvp-native-youtube,.fvp-native-twitter-smm-panel,.fvp-native-telegram-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-buy-instagram-followers) > header > .lead { max-width:576px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > section { box-sizing:border-box;margin:0;padding:64px max(24px,calc((100% - 720px)/2));border-top:1px solid var(--fvp-line); }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > section > h2 { margin:0 0 16px;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.025em; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > section > p { margin:0 0 16px;font-size:16px;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-how-it-works,.fvp-native-smm-reseller-guide) > section > p { line-height:26px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > section > p:last-child { margin-bottom:0; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > .fvp-native-content-actions { box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;max-width:768px;margin:0 auto;padding:24px 24px 64px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > details.fvp-native-content-faq { box-sizing:border-box;width:calc(100% - 48px);max-width:720px;margin:0 auto 12px;padding:16px;border:1px solid var(--fvp-line);border-radius:10px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq { box-sizing:border-box;width:100%;max-width:672px;margin:0 auto;padding:48px 16px;font-size:16px;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > header { margin:0 0 32px;padding:0;text-align:left; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > header > h1 { margin:0 0 16px;font-size:30px;font-weight:600;line-height:36px;letter-spacing:-.025em; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > header > .lead { margin:0;color:var(--fvp-muted);font-size:16px;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > section { margin:0 0 24px;padding:0;border:0; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > section > h2 { margin:0 0 16px;font-size:24px;font-weight:600;line-height:32px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > section > p { margin:0;font-size:16px;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > details.fvp-native-content-faq { margin:0 0 12px;padding:16px;border:1px solid var(--fvp-line);border-radius:10px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > details.fvp-native-content-faq > summary { cursor:pointer;font-size:16px;font-weight:500;line-height:24px; }
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-faq,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > details.fvp-native-content-faq > p { margin:12px 0 0;color:var(--fvp-muted);font-size:14px;line-height:22.75px; }
body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq > .fvp-native-content-actions { display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) { width:100%;max-width:none;padding-left:0;padding-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) > .row { margin-left:0;margin-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) > .row > .col-md-8.col-md-offset-2 { float:none;width:100%;margin-left:0;padding-left:0;padding-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) .well:has(> .fvp-native-blog-index) { margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-index { box-sizing:border-box;display:flex;flex-direction:column;align-items:center;max-width:768px;margin:0 auto;padding:64px 24px;text-align:center; }
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-index > h1 { max-width:672px;margin:0;font-size:36px;font-weight:600;line-height:40px;letter-spacing:-.025em; }
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-index > .lead { max-width:720px;margin:16px 0 0;color:var(--fvp-muted);font-size:18px;font-weight:400;line-height:28px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container { box-sizing:border-box;width:100%;max-width:1024px;margin:0 auto;padding:64px 24px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row { margin-left:0;margin-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row > .col-md-8.col-md-offset-2 { float:none;width:100%;margin-left:0;padding-left:0;padding-right:0; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 { display:grid;grid-template-columns:minmax(0,1fr);gap:24px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well { box-sizing:border-box;display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;border:1px solid var(--fvp-line);border-radius:14px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well > h2 { margin:0;font-size:18px;font-weight:600;line-height:24.75px;letter-spacing:-.025em; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well > div { margin-top:8px;color:var(--fvp-muted);font-size:14px;line-height:22.75px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well > div p { margin:0 0 8px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well > .btn { align-self:flex-start;margin-top:20px; }
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row + .row { margin-top:32px; }
@media (min-width:640px) {
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > header {padding-top:96px;padding-bottom:96px;}
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-about,.fvp-native-best-smm-panel,.fvp-native-buy-instagram-followers,.fvp-native-cheapest-smm-panel,.fvp-native-child-panel-info,.fvp-native-contact,.fvp-native-crypto-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-how-it-works,.fvp-native-instagram,.fvp-native-smm-panel-affiliate-program,.fvp-native-smm-panel-for-agencies,.fvp-native-smm-reseller-guide,.fvp-native-smm-reseller-panel,.fvp-native-social-media-panel,.fvp-native-telegram-smm-panel,.fvp-native-tiktok,.fvp-native-turkish-smm-panel,.fvp-native-twitter-smm-panel,.fvp-native-what-is-smm-panel,.fvp-native-youtube) > header > h1 {font-size:48px;line-height:48px;}
body.fvp-native-shell--public #fvp-native-content article:is(.fvp-native-instagram,.fvp-native-tiktok,.fvp-native-youtube,.fvp-native-twitter-smm-panel,.fvp-native-telegram-smm-panel,.fvp-native-facebook-smm-panel,.fvp-native-buy-instagram-followers) > header {padding-top:112px;padding-bottom:112px;}
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-index {padding-top:96px;padding-bottom:96px;}
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-index > h1 {font-size:48px;line-height:48px;}
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:768px) { body.fvp-native-shell--public #fvp-native-content article.fvp-native-faq {padding-top:64px;padding-bottom:64px;} }
@media (min-width:1024px) { body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 {grid-template-columns:repeat(3,minmax(0,1fr));} }

/* Current reference public FAQ has no body/main grid. Homepage hero keeps its
   independently scoped pseudo-element grid; authenticated pages are untouched. */
body.fvp-native-shell--public { background-image:none; }
/* Existing article TOC target clearance: 65px sticky header + 24px readable gap. */
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-toc ~ section[id] { scroll-margin-top:89px; }


/* Services heading and outer page geometry only; native search, filters, prices and rows stay unchanged. */
body.fvp-native-code .fvp-services-page{width:100%;max-width:1024px;margin:0 auto;padding:48px 16px;box-sizing:border-box}
body.fvp-native-code .fvp-services-page>h1{margin:0 0 24px;color:var(--fvp-text);font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.025em}
body.fvp-native-code .fvp-services-page>.container{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}
body.fvp-native-code .fvp-services-page>.container>.row{margin-left:0;margin-right:0}
body.fvp-native-code .fvp-services-page>.container>.row>.col-lg-12{padding-left:0;padding-right:0}


/* FensVIP v0.3.5 reset-password spacing only.
   Live guest320x740: native container/well start at header bottom65, no gap.
   Preserve native heading, email field, POST/action and platform submission. */
body.fvp-native-shell--public #fvp-native-content > .container:has(input[name="ResetPasswordForm[email]"]) {
  box-sizing:border-box; width:100%; max-width:480px; margin-left:auto; margin-right:auto; padding:48px 16px;
}
body.fvp-native-shell--public #fvp-native-content > .container:has(input[name="ResetPasswordForm[email]"]) > .row {
  margin-left:0; margin-right:0;
}
body.fvp-native-shell--public #fvp-native-content > .container:has(input[name="ResetPasswordForm[email]"]) > .row > [class*="col-"] {
  float:none; width:100%; margin-left:0; margin-right:0; padding-left:0; padding-right:0;
}
body.fvp-native-shell--public #fvp-native-content > .container:has(input[name="ResetPasswordForm[email]"]) form button[type="submit"],
body.fvp-native-shell--public #fvp-native-content > .container:has(input[name="ResetPasswordForm[email]"]) form input[type="submit"] {
  box-sizing:border-box; display:block; width:100%; min-height:44px;
}

/* Actual post-save blog cards inherit native p.lead21px over their14px parent.
   Override only native blog-index short-content paragraphs; leave article lead intact.
   Whole-card navigation uses the card's one existing native href. Runtime guards
   disable stretching whenever extra interactive content or multiple CTA links exist. */
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well > div p {font-size:14px;line-height:22.75px;font-weight:400;}
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well:has(> a.btn[href]):not(:has(> a.btn[href] ~ a.btn[href])):not(:has(> div :is(a,button,input,select,textarea,summary,details,[tabindex],[contenteditable]))):not(:has(> :is(button,input,select,textarea,form))) {position:relative;}
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well:has(> a.btn[href]):not(:has(> a.btn[href] ~ a.btn[href])):not(:has(> div :is(a,button,input,select,textarea,summary,details,[tabindex],[contenteditable]))):not(:has(> :is(button,input,select,textarea,form))) > a.btn[href] {position:static;filter:none;}
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well:has(> a.btn[href]):not(:has(> a.btn[href] ~ a.btn[href])):not(:has(> div :is(a,button,input,select,textarea,summary,details,[tabindex],[contenteditable]))):not(:has(> :is(button,input,select,textarea,form))) > a.btn[href]::after {content:"";position:absolute;inset:0;z-index:1;border-radius:14px;}
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well:has(> a.btn[href]):not(:has(> a.btn[href] ~ a.btn[href])):not(:has(> div :is(a,button,input,select,textarea,summary,details,[tabindex],[contenteditable]))):not(:has(> :is(button,input,select,textarea,form))):hover,
body.fvp-native-shell--public #fvp-native-content > .container:has(.fvp-native-blog-index) + .container > .row:first-child > .col-md-8.col-md-offset-2 > .well:has(> a.btn[href]):not(:has(> a.btn[href] ~ a.btn[href])):not(:has(> div :is(a,button,input,select,textarea,summary,details,[tabindex],[contenteditable]))):not(:has(> :is(button,input,select,textarea,form))):focus-within {border-color:var(--fvp-accent);}

/* Public native blog articles only: existing article TOC identifies the original blogpost skeleton.
   No article content, URLs, native template or authenticated-page styles are changed. */
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc){box-sizing:border-box;width:100%;max-width:768px;margin:0 auto;padding:64px 24px}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row{margin-left:0;margin-right:0}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8.col-lg-offset-2{float:none;width:100%;margin-left:0;padding-left:0;padding-right:0}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well{margin:0 0 32px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>h1{margin:0;color:var(--fvp-text);font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>div{font-size:16px;line-height:28px;color:var(--fvp-text)}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>div p{margin:0 0 20px;font-size:16px;line-height:28px}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>div>.lead{margin:16px 0 20px;color:var(--fvp-muted);font-size:18px;line-height:29.25px;font-weight:400}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>div section>h2,
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>div aside>h2{margin:48px 0 24px;color:var(--fvp-text);font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.025em}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc) .fvp-native-blog-toc{margin:40px 0;padding:24px;border:1px solid var(--fvp-line);border-radius:12px;background:var(--fvp-panel)}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc) .fvp-native-blog-toc>h2{margin:0;color:var(--fvp-text);font-size:14px;line-height:20px;font-weight:600}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc) .fvp-native-blog-toc>ol{margin:16px 0 0;padding-left:20px}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc) .fvp-native-blog-toc~section[id]{scroll-margin-top:89px}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.row{margin-left:0;margin-right:0}
body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.row>.col-md-12{padding-left:0;padding-right:0}
@media(max-width:639px){
 body.fvp-native-shell--public #fvp-native-content>.container:has(>.row>.col-lg-8.col-lg-offset-2>.well>div>.fvp-native-blog-toc)>.row>.col-lg-8>.well>h1{font-size:30px;line-height:36px}
}


/* FensVIP public article links: readable in the existing light and dark palettes. */
body.fvp-native-shell--public #fvp-native-content .fvp-native-blog-toc a,
body.fvp-native-shell--public #fvp-native-content aside a { color:var(--fvp-accent); }
