@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Nunito+Sans:wght@500;600;700;800&display=swap";
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
:before,
:after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-11 {
  height: 2.75rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-28 {
  min-height: 7rem;
}
.min-h-36 {
  min-height: 9rem;
}
.min-h-40 {
  min-height: 10rem;
}
.min-h-screen {
  min-height: 100vh;
}
.w-11 {
  width: 2.75rem;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-xs {
  max-width: 20rem;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-brand-100 {
  --tw-border-opacity: 1;
  border-color: rgb(232 249 229 / var(--tw-border-opacity, 1));
}
.border-brand-200 {
  --tw-border-opacity: 1;
  border-color: rgb(205 241 201 / var(--tw-border-opacity, 1));
}
.border-brand-300\/20 {
  border-color: #a6e49f33;
}
.border-brand-300\/30 {
  border-color: #a6e49f4d;
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: #ffffff1a;
}
.bg-\[\#f7fbf5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 251 245 / var(--tw-bg-opacity, 1));
}
.bg-brand-400\/10 {
  background-color: #73d86b1a;
}
.bg-brand-400\/15 {
  background-color: #73d86b26;
}
.bg-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 253 246 / var(--tw-bg-opacity, 1));
}
.bg-sand {
  --tw-bg-opacity: 1;
  background-color: rgb(246 239 231 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white\/10 {
  background-color: #ffffff1a;
}
.bg-white\/5 {
  background-color: #ffffff0d;
}
.bg-mesh {
  background-image:
    radial-gradient(
      circle at top left,
      rgba(115, 216, 107, 0.26),
      transparent 30%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(166, 228, 159, 0.18),
      transparent 25%
    );
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-1 {
  padding: 0.25rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.text-right {
  text-align: right;
}
.font-display {
  font-family: Sora, sans-serif;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.leading-7 {
  line-height: 1.75rem;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}
.text-brand-100 {
  --tw-text-opacity: 1;
  color: rgb(232 249 229 / var(--tw-text-opacity, 1));
}
.text-brand-200 {
  --tw-text-opacity: 1;
  color: rgb(205 241 201 / var(--tw-text-opacity, 1));
}
.text-brand-950 {
  --tw-text-opacity: 1;
  color: rgb(13 37 17 / var(--tw-text-opacity, 1));
}
.text-coral {
  --tw-text-opacity: 1;
  color: rgb(82 214 93 / var(--tw-text-opacity, 1));
}
.text-sand\/50 {
  color: #f6efe780;
}
.text-sand\/60 {
  color: #f6efe799;
}
.text-sand\/70 {
  color: #f6efe7b3;
}
.text-sand\/80 {
  color: #f6efe7cc;
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow-\[0_12px_32px_rgba\(71\,200\,74\,0\.12\)\] {
  --tw-shadow: 0 12px 32px rgba(71, 200, 74, 0.12);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
:root {
  --bg: #e5e7eb;
  --surface: #ffffff;
  --surface-soft: #f5f7fb;
  --text: #111827;
  --muted: #6b7280;
  --subtle: #8c93a1;
  --line: #e5e7eb;
  --line-strong: #d1d5db;
  --primary: #3a66b0;
  --primary-dark: #111827;
  --primary-soft: rgba(90, 139, 214, 0.16);
  --danger: #f36c21;
  --focus: #f59e2a;
}
.vm-maintenance-bar {
  position: fixed;
  top: 0.75rem;
  left: 50%;
  z-index: 12050;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: min(46rem, calc(100vw - 1.5rem));
  min-height: 3.75rem;
  padding: 0.55rem 0.65rem 0.55rem 0.75rem;
  border: 1px solid #e9b949;
  border-radius: 8px;
  background: #fffaf0;
  color: #172033;
  box-shadow: 0 0.9rem 2.8rem #11182729;
  transform: translate(-50%);
  animation: vm-maintenance-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-maintenance-bar-icon,
.vm-maintenance-status-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  color: #9a5b00;
}
.vm-maintenance-bar-copy {
  display: grid;
  flex: 1;
  min-width: 0;
  gap: 0.1rem;
}
.vm-maintenance-bar-copy strong,
.vm-maintenance-bar-copy span {
  letter-spacing: 0;
}
.vm-maintenance-bar-copy strong {
  font-size: 0.88rem;
}
.vm-maintenance-bar-copy span {
  color: #6d5428;
  font-size: 0.76rem;
  line-height: 1.35;
}
.vm-maintenance-details-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-height: 2.55rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: 6px;
  background: #171b26;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.vm-maintenance-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12040;
  display: grid;
  place-items: center;
  padding: 5.5rem 1rem 1rem;
  background: #0e131e85;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  animation: vm-maintenance-fade 0.22s ease both;
}
.vm-maintenance-dialog {
  position: relative;
  width: min(43rem, 100%);
  max-height: calc(100dvh - 7rem);
  overflow: auto;
  padding: 1.5rem;
  border: 1px solid rgba(209, 213, 219, 0.9);
  border-radius: 8px;
  background: #fff;
  color: #111827;
  box-shadow: 0 2rem 5rem #0a0f1940;
  animation: vm-maintenance-dialog-enter 0.3s cubic-bezier(0.22, 1, 0.36, 1)
    both;
}
.vm-maintenance-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: #f3f4f6;
  color: #111827;
  cursor: pointer;
}
.vm-maintenance-dialog-header {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding-right: 3rem;
}
.vm-maintenance-status-icon {
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid #f0cf83;
  border-radius: 8px;
  background: #fff8e7;
}
.vm-maintenance-kicker {
  display: block;
  margin-bottom: 0.15rem;
  color: #8a5800;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-maintenance-dialog h2 {
  margin: 0;
  font-size: 1.65rem;
  line-height: 1.1;
  letter-spacing: 0;
}
.vm-maintenance-intro {
  margin: 1.15rem 0 1.25rem;
  color: #525b6b;
  font-size: 0.92rem;
  line-height: 1.55;
}
.vm-maintenance-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.vm-maintenance-list {
  min-width: 0;
  padding: 1rem 1rem 1rem 0;
}
.vm-maintenance-list + .vm-maintenance-list {
  padding-right: 0;
  padding-left: 1rem;
  border-left: 1px solid #e5e7eb;
}
.vm-maintenance-list h3 {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0 0 0.7rem;
  font-size: 0.8rem;
  letter-spacing: 0;
}
.vm-maintenance-list.is-paused h3 {
  color: #a4452b;
}
.vm-maintenance-list.is-available h3 {
  color: #177344;
}
.vm-maintenance-list ul {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-maintenance-list li {
  position: relative;
  padding-left: 0.85rem;
  color: #525b6b;
  font-size: 0.77rem;
  line-height: 1.42;
}
.vm-maintenance-list li:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background: #c6cbd4;
  content: "";
}
.vm-maintenance-dialog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
}
.vm-maintenance-dialog-footer span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.75rem;
}
.vm-maintenance-dialog-footer i {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #d99716;
  animation: vm-maintenance-pulse 1.5s ease-in-out infinite;
}
.vm-maintenance-dialog-footer button {
  min-width: 7rem;
  min-height: 2.65rem;
  border: 0;
  border-radius: 6px;
  background: #6547e8;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
}
@keyframes vm-maintenance-enter {
  0% {
    opacity: 0;
    transform: translate(-50%, -1rem);
  }
  to {
    opacity: 1;
    transform: translate(-50%);
  }
}
@keyframes vm-maintenance-dialog-enter {
  0% {
    opacity: 0;
    transform: translateY(0.8rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-maintenance-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vm-maintenance-pulse {
  50% {
    opacity: 0.35;
    transform: scale(0.75);
  }
}
@media (max-width: 640px) {
  .vm-maintenance-bar {
    top: 0.5rem;
    align-items: flex-start;
    width: calc(100vw - 1rem);
    padding: 0.65rem;
  }
  .vm-maintenance-bar-copy span {
    display: none;
  }
  .vm-maintenance-details-button {
    min-height: 2.35rem;
    margin-left: auto;
  }
  .vm-maintenance-overlay {
    align-items: end;
    padding: 4.75rem 0 0;
  }
  .vm-maintenance-dialog {
    width: 100%;
    max-height: calc(100dvh - 4.75rem);
    padding: 1.25rem 1rem;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 8px 8px 0 0;
  }
  .vm-maintenance-dialog h2 {
    font-size: 1.4rem;
  }
  .vm-maintenance-columns {
    grid-template-columns: 1fr;
  }
  .vm-maintenance-list,
  .vm-maintenance-list + .vm-maintenance-list {
    padding: 0.9rem 0;
    border-left: 0;
  }
  .vm-maintenance-list + .vm-maintenance-list {
    border-top: 1px solid #e5e7eb;
  }
  .vm-maintenance-dialog-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .vm-maintenance-dialog-footer button {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-maintenance-bar,
  .vm-maintenance-overlay,
  .vm-maintenance-dialog,
  .vm-maintenance-dialog-footer i {
    animation: none;
  }
}
.vm-mobile-work-lock {
  display: none;
}
@media (max-width: 1024px) {
  .vm-mobile-work-lock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background:
      radial-gradient(
        circle at 18% 18%,
        rgba(58, 102, 176, 0.34),
        transparent 16rem
      ),
      radial-gradient(
        circle at 86% 74%,
        rgba(243, 108, 33, 0.3),
        transparent 14rem
      ),
      linear-gradient(135deg, #0b1220, #111827 58%, #172033);
    color: #fff;
  }
  .vm-mobile-work-card {
    display: grid;
    justify-items: center;
    gap: 1rem;
    width: min(100%, 28rem);
    padding: 2rem 1.45rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 1.65rem;
    background: #ffffff14;
    text-align: center;
    box-shadow: 0 2rem 5rem #00000047;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    animation: vm-mobile-work-float 2.8s ease-in-out infinite;
  }
  .vm-mobile-work-loader {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 2.4rem;
  }
  .vm-mobile-work-loader i {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #5a8bd6, #f36c21);
    animation: vm-mobile-work-dot 1.05s ease-in-out infinite;
  }
  .vm-mobile-work-loader i:nth-child(2) {
    animation-delay: 0.12s;
  }
  .vm-mobile-work-loader i:nth-child(3) {
    animation-delay: 0.24s;
  }
  .vm-mobile-work-card h1 {
    max-width: 14ch;
    margin: 0;
    font-size: clamp(2rem, 8vw, 3.2rem);
    line-height: 0.98;
    letter-spacing: -0.07em;
  }
  .vm-mobile-work-card p {
    max-width: 26rem;
    margin: 0;
    color: #ffffffb8;
    font-size: 0.98rem;
    line-height: 1.55;
  }
  @keyframes vm-mobile-work-dot {
    0%,
    to {
      transform: translateY(0) scale(0.82);
      opacity: 0.55;
    }
    50% {
      transform: translateY(-0.45rem) scale(1);
      opacity: 1;
    }
  }
  @keyframes vm-mobile-work-float {
    0%,
    to {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-0.35rem);
    }
  }
}
.vm-settings-page {
  width: min(1380px, calc(100vw - 2.5rem));
  margin: 0 auto;
  padding: 1.35rem 0 3rem;
}
.vm-settings-shell {
  min-height: 100dvh;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.vm-settings-hero {
  display: none;
}
.vm-settings-download-button {
  border-color: color-mix(in srgb, var(--line) 82%, transparent);
  background: color-mix(in srgb, var(--surface) 72%, white 18%);
  color: var(--text);
  box-shadow: none;
}
.vm-settings-download-button:hover,
.vm-settings-download-button:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
  background: #fff;
  color: var(--primary-dark);
}
:root[data-theme="dark"] .vm-settings-download-button {
  border-color: #d1d5db3d;
  background: #f4f8f4f0;
  color: #102117;
}
.vm-settings-status {
  font-size: 0.92rem;
  color: var(--muted);
}
.vm-settings-status.is-success {
  color: var(--primary);
}
.vm-settings-status.is-error {
  color: #d9534f;
}
.vm-settings-layout {
  display: grid;
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
  gap: 1.1rem;
  align-items: stretch;
  min-height: calc(100dvh - 12rem);
}
.vm-settings-page-dashboard {
  width: min(1380px, calc(100vw - 2.5rem));
  margin: 0 auto;
}
.vm-route-content.vm-settings-page-dashboard-shell,
.vm-settings-page.vm-settings-page-dashboard-shell {
  width: 100%;
  margin: 0;
  padding: 0;
}
.vm-settings-manager {
  display: block;
}
.vm-settings-manager-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(58, 102, 176, 0.13),
      transparent 30rem
    ),
    radial-gradient(
      circle at 88% 100%,
      rgba(243, 108, 33, 0.08),
      transparent 24rem
    ),
    linear-gradient(180deg, #ffffffeb, #f8fafcf0);
}
.vm-settings-manager-hero {
  align-items: flex-start;
  margin: 0;
  padding: 1.2rem 1.2rem 0;
}
.vm-settings-panel-actions-inline {
  display: flex;
  justify-content: flex-end;
  margin: 0 1.2rem;
  padding-top: 1rem;
}
.vm-settings-manager-content > .vm-settings-toolbar-status,
.vm-settings-manager-content > .vm-settings-main-sections,
.vm-settings-manager-content > .vm-settings-account-grid,
.vm-settings-manager-content > .vm-cv-manager-footer {
  flex: 0 0 auto;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.vm-settings-manager-content > .vm-settings-toolbar-status {
  margin-top: 0.85rem;
}
.vm-settings-manager-content > .vm-settings-main-sections,
.vm-settings-manager-content > .vm-settings-account-grid {
  margin-top: 0.2rem;
}
.vm-settings-manager-content > .vm-cv-manager-footer {
  margin-bottom: 0;
  padding-bottom: 0;
}
.vm-settings-manager-content > :last-child {
  margin-bottom: 0;
}
.vm-settings-dashboard-layout {
  display: grid;
  grid-template-columns: minmax(270px, 308px) minmax(0, 1fr);
  gap: 1.1rem;
  min-height: 0;
}
.vm-settings-dashboard-sidebar {
  position: sticky;
  top: 1rem;
  align-self: start;
}
.vm-settings-dashboard-sidebar-card {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1.45rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(90, 139, 214, 0.08),
      transparent 52%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 90%, white 8%),
      color-mix(in srgb, var(--surface-soft) 92%, transparent)
    );
  box-shadow: 0 1.4rem 3rem #0f172a0f;
}
.vm-settings-dashboard-nav-list {
  display: grid;
  gap: 0.55rem;
}
.vm-settings-dashboard-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 3.25rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface) 86%, white 10%);
  color: var(--text);
  font-weight: 700;
  justify-content: flex-start;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-settings-dashboard-nav-item:hover,
.vm-settings-dashboard-nav-item:focus-visible,
.vm-settings-dashboard-nav-item.is-active {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 68%, var(--surface));
  color: var(--primary-dark);
}
.vm-settings-dashboard-nav-item.is-active {
  transform: translate(3px);
}
.vm-settings-dashboard-content {
  display: grid;
  gap: 1rem;
  min-height: 0;
  align-content: start;
}
.vm-settings-manager .vm-settings-section,
.vm-settings-manager .vm-settings-danger-card,
.vm-settings-manager .vm-settings-danger-section {
  border-radius: 1.35rem;
}
.vm-settings-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.3rem 1.35rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1.45rem;
  background:
    radial-gradient(
      circle at top right,
      rgba(90, 139, 214, 0.06),
      transparent 48%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 92%, white 6%),
      color-mix(in srgb, var(--surface-soft) 94%, transparent)
    );
  box-shadow: 0 1.4rem 3rem #0f172a0d;
}
.vm-settings-panel-head-copy {
  display: grid;
  gap: 0.35rem;
}
.vm-settings-panel-head-copy h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 2.7rem);
  letter-spacing: -0.05em;
}
.vm-settings-panel-head-copy p:last-child {
  margin: 0;
  color: var(--muted);
  max-width: 44rem;
}
.vm-settings-panel-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.vm-settings-account-grid,
.vm-settings-account-stack {
  display: grid;
  gap: 1rem;
}
.vm-settings-account-invite {
  display: grid;
  gap: 0.9rem;
}
.vm-settings-account-invite-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
}
.vm-settings-account-invite-code {
  min-height: 3rem;
  width: 100%;
  padding: 0 1rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface-soft) 90%, transparent);
  color: var(--text);
  font-weight: 700;
  letter-spacing: 0.01em;
}
.vm-settings-invite-button,
.vm-settings-logout-button {
  min-height: 3rem;
  white-space: nowrap;
}
.vm-settings-account-block {
  display: grid;
  gap: 0.9rem;
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.vm-settings-account-card {
  display: grid;
  gap: 1rem;
  padding: 1.25rem 1.3rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1.4rem;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--surface) 90%, white 10%),
    color-mix(in srgb, var(--surface-soft) 94%, transparent)
  );
  box-shadow: 0 1.2rem 2.6rem #0f172a0d;
}
.vm-settings-account-card-head {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
}
.vm-settings-account-card-head h2,
.vm-settings-account-card-head p {
  margin: 0;
}
.vm-settings-account-card-head h2 {
  font-size: 1.12rem;
  letter-spacing: -0.03em;
}
.vm-settings-account-card-head p {
  margin-top: 0.18rem;
  color: var(--muted);
}
.vm-settings-account-card-icon {
  display: inline-grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--primary-soft) 82%, white 12%);
  color: var(--primary-dark);
  flex: 0 0 auto;
}
.vm-settings-account-actions {
  display: grid;
  justify-items: start;
  gap: 0.8rem;
}
.vm-settings-storage-layout {
  display: grid;
}
.vm-settings-storage-card {
  display: grid;
  gap: 1.2rem;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.vm-settings-storage-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-settings-storage-option {
  display: grid;
  gap: 0.5rem;
  align-content: start;
  min-height: 12.8rem;
  padding: 1.35rem;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 1.15rem;
  background: linear-gradient(180deg, #fffffffa, #f8fbfff0);
  text-align: left;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    background 0.18s ease;
}
.vm-settings-storage-option-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}
.vm-settings-storage-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0;
  background: transparent;
  color: var(--primary);
}
.vm-settings-storage-option-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid rgba(111, 84, 255, 0.18);
  background: #fffffff2;
  color: color-mix(in srgb, var(--muted) 72%, white 8%);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-settings-storage-option:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
  box-shadow:
    0 22px 44px color-mix(in srgb, var(--ink) 9%, transparent),
    0 1px #fff9 inset;
}
.vm-settings-storage-option.is-active {
  border: 2px solid color-mix(in srgb, var(--primary) 62%, white 18%);
  background: linear-gradient(180deg, #e5eefffa, #f4f8fff5);
  box-shadow:
    0 20px 40px color-mix(in srgb, var(--primary) 12%, transparent),
    0 1px #ffffffb3 inset;
  transform: scale(1.012);
}
.vm-settings-storage-option.is-active .vm-settings-storage-option-icon {
  background: transparent;
  color: var(--primary);
}
.vm-settings-storage-option.is-active .vm-settings-storage-option-check {
  border-color: color-mix(in srgb, var(--primary) 28%, transparent);
  background: linear-gradient(135deg, #3a66b0, #5a8bd6);
  color: #fff;
  transform: scale(1.05);
}
.vm-settings-storage-option-copy {
  display: grid;
  gap: 0.2rem;
}
.vm-settings-storage-option-copy strong {
  margin-top: -0.1rem;
}
.vm-settings-storage-option-copy strong,
.vm-settings-storage-warning strong {
  margin: 0;
  color: var(--text);
  font-size: 1.08rem;
  font-weight: 700;
}
.vm-settings-storage-option-copy p,
.vm-settings-storage-warning p,
.vm-settings-account-mode-copy {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-settings-storage-benefits {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-settings-storage-benefits li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 600;
}
.vm-settings-storage-benefits li svg {
  flex: 0 0 auto;
  color: var(--primary);
}
.vm-settings-storage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary-soft) 72%, white 8%);
  color: var(--primary);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-settings-storage-warning {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, #5a8bd6 18%, var(--line));
  border-radius: 1rem;
  background: linear-gradient(180deg, #f1f6fff5, #f7fafff0);
}
.vm-settings-storage-warning-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #5a8bd61f;
  color: var(--primary);
}
.vm-settings-account-mode-copy {
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface-soft) 88%, transparent);
}
.vm-settings-ai-privacy {
  display: grid;
  gap: 1rem;
  padding-top: 0.35rem;
}
.vm-settings-ai-privacy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.vm-settings-ai-privacy-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface-soft) 72%, transparent);
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.vm-settings-ai-privacy-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.vm-settings-ai-privacy-option:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--primary) 16%, var(--line));
  box-shadow: 0 14px 28px color-mix(in srgb, var(--ink) 6%, transparent);
}
.vm-settings-ai-privacy-option-label {
  line-height: 1.4;
}
.vm-settings-ai-privacy-option-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 1px solid rgba(111, 84, 255, 0.18);
  background: transparent;
  color: color-mix(in srgb, var(--muted) 72%, white 8%);
  transition:
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-settings-ai-privacy-option:has(input:checked) {
  border-color: color-mix(in srgb, #ef4444 34%, var(--line));
  background: linear-gradient(
    135deg,
    color-mix(in srgb, #fee2e2 92%, white 4%),
    color-mix(in srgb, #ef4444 18%, white 82%)
  );
  box-shadow: 0 18px 36px color-mix(in srgb, #ef4444 10%, transparent);
}
.vm-settings-ai-privacy-option:has(input:checked)
  .vm-settings-ai-privacy-option-mark {
  color: #b91c1c;
  transform: scale(1.03);
}
.vm-settings-ai-privacy-option:has(input:checked)
  .vm-settings-ai-privacy-option-label {
  color: #991b1b;
}
.vm-settings-main {
  display: grid;
  gap: 1rem;
}
.vm-settings-toolbar-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  min-height: 0;
}
.vm-settings-main-sections {
  display: grid;
  gap: 1rem;
}
.vm-settings-main-footer {
  display: grid;
  gap: 1rem;
  margin-top: 1.25rem;
  padding-top: 1.35rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
}
.vm-settings-content {
  min-height: 0;
  max-height: calc(100dvh - 12rem);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.55rem;
}
.vm-settings-section,
.vm-settings-summary-card,
.vm-settings-danger-card {
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 88%, white 10%),
      color-mix(in srgb, var(--surface-soft) 90%, transparent)
    ),
    transparent;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-radius: 1.65rem;
  box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--primary) 5%, transparent);
}
:root[data-theme="dark"] .vm-settings-section,
:root[data-theme="dark"] .vm-settings-summary-card,
:root[data-theme="dark"] .vm-settings-danger-card {
  background: #091812e0;
  border-color: #d1d5db2e;
  box-shadow: inset 0 1px #ffffff05;
}
.vm-settings-section {
  padding: 1.3rem 1.3rem 1.4rem;
}
.vm-settings-section-head {
  display: grid;
  gap: 0.18rem;
  align-items: start;
  justify-items: start;
  margin-bottom: 1.05rem;
}
.vm-settings-section-head h2 {
  margin: 0;
  font-size: 1.1rem;
  letter-spacing: -0.03em;
}
.vm-settings-section-head p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--muted);
}
:root[data-theme="dark"] .vm-settings-section-head h2,
:root[data-theme="dark"] .vm-settings-field span,
:root[data-theme="dark"] .vm-settings-summary-card strong,
:root[data-theme="dark"] .vm-settings-danger-card h3,
:root[data-theme="dark"] .vm-settings-checkbox,
:root[data-theme="dark"] .vm-settings-back-link {
  color: #f4faf4f5;
}
:root[data-theme="dark"] .vm-settings-section-head p,
:root[data-theme="dark"] .vm-settings-field,
:root[data-theme="dark"] .vm-settings-summary-card span,
:root[data-theme="dark"] .vm-settings-summary-card p,
:root[data-theme="dark"] .vm-settings-danger-card p,
:root[data-theme="dark"] .vm-settings-empty,
:root[data-theme="dark"] .vm-settings-status {
  color: #dce7dcc7;
}
:root[data-theme="dark"] .vm-settings-dashboard-sidebar-card,
:root[data-theme="dark"] .vm-settings-panel-head,
:root[data-theme="dark"] .vm-settings-account-card {
  background:
    radial-gradient(
      circle at top right,
      rgba(90, 139, 214, 0.12),
      transparent 50%
    ),
    linear-gradient(180deg, #08140ffa, #0b1c14f5);
  border-color: #d1d5db29;
}
:root[data-theme="dark"] .vm-settings-dashboard-nav-item {
  background: #08140fd1;
  border-color: #d1d5db24;
  color: #f4faf4f0;
}
:root[data-theme="dark"] .vm-settings-dashboard-nav-item:hover,
:root[data-theme="dark"] .vm-settings-dashboard-nav-item:focus-visible,
:root[data-theme="dark"] .vm-settings-dashboard-nav-item.is-active {
  background: #5f85ff1f;
  border-color: #8ca4ff3d;
  color: #f4f8ff;
}
:root[data-theme="dark"] .vm-settings-panel-head-copy p:last-child,
:root[data-theme="dark"] .vm-settings-account-card-head p {
  color: #dce7dcc7;
}
.vm-settings-section-body,
.vm-settings-list,
.vm-settings-grid {
  display: grid;
  gap: 0.9rem;
}
.vm-settings-grid.two-columns,
.vm-settings-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.vm-settings-field {
  display: grid;
  gap: 0.45rem;
  font-size: 0.88rem;
  color: var(--muted);
}
.vm-settings-field span {
  font-weight: 600;
  color: var(--text);
}
.vm-settings-field input,
.vm-settings-field textarea,
.vm-settings-field select {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid rgba(88, 122, 97, 0.2);
  background: #ffffffa8;
  color: var(--text);
  padding: 0.95rem 1rem;
  font: inherit;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
:root[data-theme="dark"] .vm-settings-field input,
:root[data-theme="dark"] .vm-settings-field textarea,
:root[data-theme="dark"] .vm-settings-field select {
  background: #040e0ae6;
  border-color: #d1d5db2e;
  color: #f5faf5f5;
}
.vm-settings-field input:focus,
.vm-settings-field textarea:focus,
.vm-settings-field select:focus {
  outline: none;
  border-color: #5fa05880;
  box-shadow: 0 0 0 4px #7bc14a14;
}
.vm-settings-item-card {
  display: grid;
  gap: 0.95rem;
  padding: 1rem;
  border-radius: 1.25rem;
  border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
  background: color-mix(in srgb, var(--surface-soft) 68%, transparent);
}
:root[data-theme="dark"] .vm-settings-item-card {
  background: #06120deb;
  border-color: #d1d5db29;
}
.vm-settings-nav {
  position: sticky;
  top: 1rem;
}
.vm-settings-nav-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1.6rem;
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary-soft) 90%, transparent),
      transparent 48%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 94%, white 9%),
      color-mix(in srgb, var(--surface-soft) 94%, transparent)
    );
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 1.1rem 2.7rem color-mix(in srgb, var(--primary) 6%, transparent);
}
:root[data-theme="dark"] .vm-settings-nav-card {
  background:
    radial-gradient(
      circle at top right,
      rgba(90, 139, 214, 0.12),
      transparent 50%
    ),
    linear-gradient(180deg, #08140ffa, #0b1c14f5);
  border-color: #d1d5db29;
}
.vm-settings-account-block {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 0.9rem;
}
.vm-settings-account-avatar {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 88%, transparent);
  color: var(--text);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.vm-settings-account-copy {
  display: grid;
  gap: 0.18rem;
}
.vm-settings-account-copy .vm-eyebrow {
  margin: 0;
}
.vm-settings-nav-card strong {
  font-size: 1.04rem;
  letter-spacing: -0.02em;
}
.vm-settings-nav-card span {
  color: var(--muted);
  font-size: 0.92rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vm-settings-nav-list {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.1rem;
  align-content: start;
}
.vm-settings-nav-actions {
  display: grid;
  gap: 0.7rem;
  margin-top: 0;
  padding-top: 0.9rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  align-content: start;
}
.vm-settings-nav-actions .button-primary,
.vm-settings-nav-actions .button-secondary {
  width: 100%;
  justify-content: center;
}
.vm-settings-nav-status {
  min-height: 0;
}
.vm-settings-leave-modal {
  width: min(32rem, calc(100% - 1.5rem));
}
.vm-settings-leave-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.vm-settings-leave-actions .button-primary,
.vm-settings-leave-actions .button-secondary {
  width: 100%;
  justify-content: center;
}
.vm-settings-delete-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-settings-delete-modal {
  width: min(34rem, calc(100% - 1.5rem));
  border: 1px solid color-mix(in srgb, #d14b4b 36%, var(--line));
  background: linear-gradient(
    180deg,
    color-mix(in srgb, #401616 68%, var(--surface)),
    color-mix(in srgb, #1f0b0b 84%, var(--surface))
  );
  box-shadow:
    0 28px 80px #1106066b,
    inset 0 1px #ffffff0d;
}
.vm-settings-delete-modal-head {
  display: grid;
  justify-items: center;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  align-items: center;
}
.vm-settings-delete-modal-head .vm-eyebrow {
  color: #ff8f8f;
}
.vm-settings-delete-modal-head h2 {
  color: #fff2f2;
}
.vm-settings-delete-modal-head p {
  color: color-mix(in srgb, #ffdede 82%, var(--muted));
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
.vm-settings-delete-modal-head .vm-settings-status.is-error {
  width: 100%;
  text-align: center;
  color: #ffd4d4;
  background: #971e1e33;
  border: 1px solid rgba(255, 119, 119, 0.22);
}
.vm-settings-delete-actions {
  align-items: center;
}
.vm-settings-delete-actions .button-secondary:first-child {
  background: transparent;
  border-color: color-mix(in srgb, #ffb3b3 20%, var(--line));
  color: #fff0f0;
}
.vm-settings-delete-actions .vm-settings-delete-button {
  justify-self: stretch;
  background: linear-gradient(180deg, #ff7c7c, #dc4d4d);
  border: 1px solid rgba(255, 170, 170, 0.2);
  color: #240606;
  box-shadow: 0 18px 36px #b2343447;
}
.vm-settings-delete-actions .vm-settings-delete-button:hover,
.vm-settings-delete-actions .vm-settings-delete-button:focus-visible {
  background: linear-gradient(180deg, #ff8d8d, #e05656);
  border-color: #ffc4c466;
  color: #240606;
}
.vm-settings-nav-danger {
  display: grid;
  gap: 0.45rem;
  margin-top: 0;
  padding-top: 0.8rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  align-content: start;
}
.vm-settings-nav-danger p {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--danger) 78%, var(--text));
}
.vm-settings-nav-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  min-height: 3rem;
  padding: 0 0.95rem;
  border: 1px solid color-mix(in srgb, var(--line) 50%, transparent);
  border-radius: 1rem;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-weight: 600;
  text-align: left;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-settings-nav-item span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line-strong) 80%, transparent);
  flex: 0 0 auto;
}
.vm-settings-nav-item:hover,
.vm-settings-nav-item.is-active {
  color: var(--text);
  background: color-mix(in srgb, var(--primary-soft) 74%, transparent);
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
}
.vm-settings-nav-item.is-active {
  transform: translate(3px);
}
.vm-settings-nav-item.is-active span {
  background: var(--primary);
}
.vm-settings-nav-item.is-danger {
  color: color-mix(in srgb, var(--danger) 82%, var(--text));
}
.vm-settings-nav-item.is-danger span {
  background: color-mix(in srgb, var(--danger) 72%, transparent);
}
.vm-settings-nav-item.is-danger:hover,
.vm-settings-nav-item.is-danger.is-active {
  background: color-mix(in srgb, var(--danger) 12%, transparent);
  border-color: color-mix(in srgb, var(--danger) 28%, transparent);
  color: color-mix(in srgb, var(--danger) 90%, var(--text));
}
.vm-settings-nav-item.is-danger.is-active span {
  background: var(--danger);
}
.vm-settings-remove,
.vm-settings-delete-button {
  justify-self: start;
}
.vm-settings-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.92rem;
  color: var(--text);
}
.vm-settings-checkbox input {
  accent-color: var(--primary);
}
.vm-settings-summary-card,
.vm-settings-danger-card {
  padding: 1.2rem;
  display: grid;
  gap: 0.55rem;
}
.vm-settings-danger-section {
  display: grid;
  gap: 1rem;
  padding: 1.15rem 1.1rem;
  border: 1px solid color-mix(in srgb, #ef4444 24%, var(--line));
  border-radius: 1.5rem;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 88%, transparent),
      color-mix(in srgb, rgba(239, 68, 68, 0.05) 100%, transparent)
    ),
    transparent;
}
.vm-settings-danger-head p {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #b91c1c;
}
.vm-settings-danger-card {
  border-color: color-mix(in srgb, var(--danger) 22%, var(--line));
  background: color-mix(
    in srgb,
    rgba(255, 255, 255, 0.42) 78%,
    rgba(180, 35, 24, 0.08)
  );
}
.vm-settings-danger-actions {
  display: grid;
  gap: 0.9rem;
}
.vm-settings-danger-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, #ef4444 24%, var(--line));
  border-radius: 1rem;
  background: color-mix(
    in srgb,
    rgba(255, 255, 255, 0.42) 78%,
    rgba(239, 68, 68, 0.08)
  );
}
.vm-settings-danger-row-button {
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}
.vm-settings-danger-row-button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: #dc2626;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 14px 28px color-mix(in srgb, #ef4444 18%, transparent);
}
.vm-settings-danger-row-button:disabled {
  cursor: not-allowed;
}
.vm-settings-danger-row-button:hover:not(:disabled) h3,
.vm-settings-danger-row-button:hover:not(:disabled) p {
  color: #fff;
}
:root[data-theme="dark"] .vm-settings-main-footer {
  border-top-color: color-mix(
    in srgb,
    rgba(209, 213, 219, 0.18) 82%,
    transparent
  );
}
:root[data-theme="dark"] .vm-settings-danger-section {
  border-color: color-mix(
    in srgb,
    var(--danger) 28%,
    rgba(209, 213, 219, 0.12)
  );
  background: linear-gradient(180deg, #120a0af0, #1a0b0be6), transparent;
}
:root[data-theme="dark"] .vm-settings-danger-card {
  background: #180b0bf0;
  border-color: color-mix(
    in srgb,
    var(--danger) 28%,
    rgba(209, 213, 219, 0.14)
  );
}
:root[data-theme="dark"] .vm-settings-danger-row {
  background: #180b0bf0;
  border-color: color-mix(
    in srgb,
    var(--danger) 28%,
    rgba(209, 213, 219, 0.14)
  );
}
.vm-settings-summary-card strong,
.vm-settings-danger-card h3,
.vm-settings-danger-row h3 {
  font-size: 1.05rem;
  margin: 0;
}
.vm-settings-summary-card span,
.vm-settings-summary-card p,
.vm-settings-danger-card p,
.vm-settings-danger-row p {
  margin: 0;
  color: var(--muted);
}
.vm-settings-back-link {
  color: var(--text);
  text-decoration: none;
  font-weight: 600;
  padding: 0.2rem 0.1rem;
}
.vm-settings-empty {
  margin: 0;
  color: var(--muted);
}
@media (max-width: 980px) {
  .vm-settings-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .vm-settings-dashboard-layout {
    grid-template-columns: 1fr;
  }
  .vm-settings-dashboard-sidebar {
    position: static;
  }
  .vm-settings-manager-content {
    min-height: auto;
    height: auto;
  }
  .vm-settings-nav {
    position: static;
  }
  .vm-settings-content {
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .vm-settings-nav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vm-settings-content {
    padding-bottom: 1rem;
  }
}
@media (min-width: 981px) {
  .vm-settings-shell {
    height: 100dvh;
    overflow: hidden;
  }
  .vm-settings-page {
    height: calc(100dvh - 4.8rem);
    padding: 1rem 0 1.2rem;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
  }
  .vm-settings-hero {
    margin-bottom: 0.7rem;
    padding-bottom: 0.6rem;
  }
  .vm-settings-layout {
    height: 100%;
    min-height: 0;
  }
  .vm-settings-nav {
    position: relative;
    top: 0;
    height: 100%;
    min-height: 0;
  }
  .vm-settings-nav-card {
    height: 100%;
    min-height: 0;
  }
  .vm-settings-nav-list {
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.15rem;
  }
  .vm-settings-content {
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.65rem;
    padding-bottom: 0.25rem;
  }
  .vm-settings-main {
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
@media (max-width: 720px) {
  .vm-settings-page {
    width: min(100vw - 1.25rem, 100%);
    padding: 0.8rem 0 2rem;
  }
  .vm-settings-panel-head {
    display: grid;
    grid-template-columns: 1fr;
  }
  .vm-settings-panel-actions,
  .vm-settings-account-actions {
    justify-content: stretch;
  }
  .vm-settings-panel-actions .button-primary,
  .vm-settings-panel-actions .button-secondary,
  .vm-settings-account-actions .button-primary,
  .vm-settings-account-actions .button-secondary {
    width: 100%;
    justify-content: center;
  }
  .vm-settings-grid.two-columns,
  .vm-settings-inline,
  .vm-settings-storage-options {
    grid-template-columns: 1fr;
  }
  .vm-settings-storage-option {
    min-height: auto;
  }
  .vm-settings-account-invite-row,
  .vm-settings-ai-privacy-grid,
  .vm-settings-grid.two-columns,
  .vm-settings-inline,
  .vm-settings-nav-list {
    grid-template-columns: 1fr;
  }
  .vm-settings-nav-card {
    gap: 0.9rem;
    padding: 1rem;
  }
  .vm-settings-dashboard-sidebar-card,
  .vm-settings-panel-head,
  .vm-settings-account-card {
    border-radius: 1.2rem;
  }
  .vm-settings-account-block {
    gap: 0.75rem;
  }
  .vm-settings-account-avatar {
    width: 2.7rem;
    height: 2.7rem;
  }
  .vm-identity-stage-grid {
    grid-template-columns: 1fr;
  }
  .vm-settings-section,
  .vm-settings-danger-card,
  .vm-settings-nav-card {
    border-radius: 1.2rem;
  }
  .vm-settings-section,
  .vm-settings-danger-section {
    padding-inline: 1rem;
  }
  .vm-settings-leave-actions {
    grid-template-columns: 1fr;
  }
  .vm-pdf-preview-frame {
    height: min(58vh, 32rem);
    max-height: min(58vh, 32rem);
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --surface: #111827;
  --surface-soft: #1b2540;
  --text: #ffffff;
  --muted: #d1d5db;
  --subtle: #6b7280;
  --line: rgba(209, 213, 219, 0.14);
  --line-strong: rgba(209, 213, 219, 0.24);
  --primary: #5a8bd6;
  --primary-dark: #ffffff;
  --primary-soft: rgba(90, 139, 214, 0.18);
  --danger: #f36c21;
  --focus: #f59e2a;
}
html,
body,
#root {
  height: 100%;
  background: var(--bg);
}
html {
  font-size: 90%;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family:
    Atkinson Hyperlegible,
    Nunito Sans,
    sans-serif;
  background: var(--bg);
  color: var(--text);
}
* {
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 3px;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
}
*::-webkit-scrollbar {
  width: 0.65rem;
  height: 0.65rem;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--line-strong);
  background-clip: padding-box;
}
.scrollbar-elegant {
  -webkit-overflow-scrolling: touch;
}
.vm-page {
  position: relative;
  height: 100dvh;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(58, 102, 176, 0.045) 1px, transparent 1px),
    linear-gradient(rgba(58, 102, 176, 0.04) 1px, transparent 1px), var(--bg);
  background-size: 2rem 2rem;
}
.vm-page.has-wizard-scroll,
.vm-page.has-wizard-scroll.is-adapt-preview-active {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  height: 100dvh;
  overflow: hidden;
}
.vm-page.has-wizard-scroll > .vm-topbar {
  flex: 0 0 auto;
}
.vm-page.has-wizard-scroll > .vm-wizard-shell {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.vm-page.has-wizard-scroll .vm-wizard-shell,
.vm-page.has-wizard-scroll .vm-wizard-shell.is-entry,
.vm-page.has-wizard-scroll .vm-wizard-shell.is-entry.has-adapt-preview,
.vm-page.has-wizard-scroll .vm-wizard-shell.is-cv-hub-shell {
  min-height: 0;
  height: 100%;
}
.vm-app-mobile-notice {
  display: none;
}
.vm-app-mobile-notice-card {
  display: grid;
  gap: 0.85rem;
  width: min(100%, 24rem);
  padding: 1.5rem;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 1.6rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow: 0 1.2rem 2.8rem
    color-mix(in srgb, var(--primary) 10%, transparent);
  text-align: center;
}
.vm-app-mobile-notice-card h1,
.vm-app-mobile-notice-card p {
  margin: 0;
}
.vm-app-mobile-notice-card h1 {
  font-size: clamp(2rem, 9vw, 2.8rem);
  line-height: 0.95;
}
.vm-app-mobile-notice-card p:not(.vm-eyebrow) {
  color: var(--muted);
  line-height: 1.6;
}
.vm-route-content {
  animation: vm-route-enter 0.36s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-legal-page {
  min-height: 100dvh;
  overflow-y: auto;
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(58, 102, 176, 0.13),
      transparent 30rem
    ),
    linear-gradient(135deg, #f5f7fbf5, #fffffffa);
  color: #111827;
}
.vm-legal-shell {
  width: min(56rem, calc(100vw - 2rem));
  margin: 0 auto;
  padding: 2rem 0 3rem;
}
.vm-legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: #111827;
  font-weight: 900;
  text-decoration: none;
}
.vm-legal-brand img {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-legal-hero {
  display: grid;
  gap: 0.8rem;
  margin: 4rem 0 1.4rem;
}
.vm-legal-hero h1 {
  margin: 0;
  font-size: clamp(2.6rem, 7vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.08em;
}
.vm-legal-hero p {
  max-width: 44rem;
  margin: 0;
  color: #4b5563;
  font-size: 1.05rem;
  line-height: 1.65;
}
.vm-legal-hero small {
  color: #6b7280;
  font-weight: 700;
}
.vm-legal-card {
  display: grid;
  gap: 1.15rem;
  padding: 1.2rem;
  border: 1px solid rgba(209, 213, 219, 0.9);
  background: #ffffffd1;
  box-shadow: 0 1.5rem 4rem #1118270f;
}
.vm-legal-section {
  padding: 1rem;
  border-bottom: 1px solid rgba(209, 213, 219, 0.78);
}
.vm-legal-section:last-child {
  border-bottom: 0;
}
.vm-legal-section h2 {
  margin: 0 0 0.45rem;
  font-size: 1.05rem;
  letter-spacing: -0.03em;
}
.vm-legal-section p {
  margin: 0;
  color: #4b5563;
  line-height: 1.75;
}
.vm-legal-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  padding-top: 1.3rem;
}
.vm-legal-footer a {
  color: #3a66b0;
  font-weight: 800;
  text-decoration: none;
}
.vm-legal-footer a:hover {
  color: #f36c21;
}
[data-theme="dark"] .vm-legal-page {
  background:
    radial-gradient(
      circle at 14% 0%,
      rgba(90, 139, 214, 0.16),
      transparent 32rem
    ),
    linear-gradient(135deg, #0a101c, #111827);
  color: #f9fafbf5;
}
[data-theme="dark"] .vm-legal-brand,
[data-theme="dark"] .vm-legal-section h2 {
  color: #f9fafbf5;
}
[data-theme="dark"] .vm-legal-hero p,
[data-theme="dark"] .vm-legal-section p,
[data-theme="dark"] .vm-legal-hero small {
  color: #d1d5dbc7;
}
[data-theme="dark"] .vm-legal-card {
  border-color: #d1d5db1f;
  background: #0a101cbd;
  box-shadow: 0 1.5rem 4rem #0003;
}
[data-theme="dark"] .vm-legal-section {
  border-bottom-color: #d1d5db1a;
}
@media (max-width: 960px) {
  .vm-legal-shell {
    width: min(100%, calc(100vw - 1.2rem));
    padding: 1rem 0 1.6rem;
  }
  .vm-legal-brand {
    position: sticky;
    top: 0.75rem;
    z-index: 8;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.6rem 0.8rem;
    border: 1px solid rgba(209, 213, 219, 0.9);
    border-radius: 999px;
    background: #ffffffd6;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 1rem 2rem #1118270f;
  }
  .vm-legal-hero {
    gap: 0.65rem;
    margin: 1.3rem 0 1rem;
  }
  .vm-legal-hero h1 {
    font-size: clamp(2rem, 11vw, 3.2rem);
    line-height: 0.96;
  }
  .vm-legal-hero p {
    font-size: 0.96rem;
    line-height: 1.58;
  }
  .vm-legal-card {
    gap: 0;
    padding: 0.35rem;
    border-radius: 1.25rem;
  }
  .vm-legal-section {
    padding: 0.95rem 0.85rem;
  }
  .vm-legal-section h2 {
    font-size: 1rem;
  }
  .vm-legal-section p {
    font-size: 0.94rem;
    line-height: 1.7;
  }
  .vm-legal-footer {
    display: grid;
    gap: 0.8rem;
    justify-items: stretch;
    padding-top: 1rem;
  }
  .vm-legal-footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1rem;
    border: 1px solid rgba(209, 213, 219, 0.9);
    border-radius: 999px;
    background: #ffffffb8;
  }
  [data-theme="dark"] .vm-legal-brand,
  [data-theme="dark"] .vm-legal-footer a {
    border-color: #d1d5db1f;
    background: #0a101cc7;
  }
}
@media (max-width: 560px) {
  .vm-legal-page {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }
  .vm-legal-shell {
    width: min(100%, calc(100vw - 0.9rem));
    padding-top: 0.8rem;
  }
  .vm-legal-brand {
    gap: 0.55rem;
    padding: 0.55rem 0.72rem;
    font-size: 0.96rem;
  }
  .vm-legal-brand img {
    width: 2rem;
    height: 2rem;
  }
  .vm-legal-hero h1 {
    font-size: clamp(1.8rem, 12vw, 2.7rem);
  }
  .vm-legal-card {
    padding: 0.25rem;
    border-radius: 1rem;
  }
  .vm-legal-section {
    padding: 0.9rem 0.75rem;
  }
}
@keyframes vm-route-enter {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(0.992);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-route-content {
    animation: none;
  }
}
.vm-noise {
  display: none;
}
.vm-landing-page {
  min-height: 100dvh;
  height: auto;
  overflow: visible;
  background:
    radial-gradient(
      circle at 80% 8%,
      color-mix(in srgb, var(--primary-soft) 66%, transparent),
      transparent 24rem
    ),
    linear-gradient(90deg, rgba(58, 102, 176, 0.045) 1px, transparent 1px),
    linear-gradient(rgba(58, 102, 176, 0.04) 1px, transparent 1px), var(--bg);
  background-size:
    auto,
    2rem 2rem,
    2rem 2rem;
}
.vm-landing-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 4.5rem;
  padding: 0.75rem clamp(1rem, 4vw, 3rem);
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.vm-landing-nav {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.vm-landing-nav a:not(.button-secondary) {
  color: var(--muted);
  font-size: 0.95rem;
  font-weight: 800;
  text-decoration: none;
}
.vm-landing-nav a:not(.button-secondary):hover {
  color: var(--primary-dark);
}
.vm-landing-main {
  width: min(74rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem) 0 4rem;
}
.vm-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.78fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 4rem);
}
.vm-landing-hero-copy h1 {
  max-width: 11ch;
  margin: 0.5rem 0 0;
  color: var(--text);
  font-size: clamp(2.9rem, 7vw, 5.6rem);
  line-height: 0.94;
  letter-spacing: -0.05em;
}
.vm-landing-hero-copy > p:not(.vm-eyebrow) {
  max-width: 37rem;
  margin: 1rem 0 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.45vw, 1.15rem);
  line-height: 1.7;
}
.vm-landing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.6rem;
}
.vm-landing-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}
.vm-landing-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0 0.7rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 800;
}
.vm-landing-preview {
  position: relative;
}
.vm-landing-preview:before {
  content: "";
  position: absolute;
  top: 18%;
  right: -4%;
  bottom: -6%;
  left: 22%;
  border-radius: 999px;
  background: var(--primary-soft);
  filter: blur(0.4rem);
}
.vm-preview-paper {
  position: relative;
  display: grid;
  gap: 0.85rem;
  min-height: 24rem;
  padding: clamp(1.2rem, 3vw, 1.7rem);
  border: 1px solid var(--line);
  border-radius: 1.6rem;
  background: var(--surface);
  box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--primary) 12%, transparent);
  transform: rotate(0.65deg);
}
.vm-preview-paper strong {
  display: block;
  font-size: clamp(1.65rem, 3vw, 2.4rem);
  line-height: 1;
}
.vm-preview-paper span {
  display: block;
  margin-top: 0.35rem;
  color: var(--muted);
  font-weight: 800;
}
.vm-preview-line {
  height: 1px;
  background: var(--line);
}
.vm-preview-line.is-wide {
  margin: 0.4rem 0;
}
.vm-preview-section {
  padding-top: 0.5rem;
  border-top: 1px solid var(--line);
}
.vm-preview-section p {
  margin: 0.55rem 0 0;
  color: var(--text);
  line-height: 1.6;
}
.vm-preview-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.7rem;
}
.vm-preview-tags em,
.vm-preview-note {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-style: normal;
  font-weight: 900;
}
.vm-preview-note {
  padding: 0.85rem 1rem 0 0;
  min-height: auto;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 700;
  margin-top: auto;
}
.vm-landing-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: clamp(2.25rem, 5vw, 4rem);
}
.vm-landing-benefits article,
.vm-landing-step-list article,
.vm-landing-plans,
.vm-landing-highlights,
.vm-landing-faq-list article {
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background: var(--surface);
}
.vm-landing-benefits article {
  padding: 1rem;
}
.vm-landing-benefits svg {
  color: var(--primary);
}
.vm-landing-benefits h2,
.vm-landing-step-list h3 {
  margin: 0.75rem 0 0;
  font-size: 1.08rem;
}
.vm-landing-benefits p,
.vm-landing-step-list p,
.vm-landing-plans p,
.vm-landing-highlights p,
.vm-landing-faq-list p {
  margin: 0.45rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-landing-steps {
  display: grid;
  grid-template-columns: minmax(17rem, 0.55fr) minmax(0, 1fr);
  gap: 1.25rem;
  margin-top: clamp(1.8rem, 4vw, 3.3rem);
}
.vm-landing-steps h2,
.vm-landing-plans h2 {
  margin: 0.45rem 0 0;
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  line-height: 1;
  letter-spacing: -0.04em;
}
.vm-landing-step-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
.vm-landing-step-list article {
  padding: 1rem;
}
.vm-landing-step-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-weight: 900;
}
:root[data-theme="dark"] .vm-landing-step-list span {
  color: #082318;
}
.vm-landing-plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.25rem;
  margin-top: clamp(1.8rem, 4vw, 3.3rem);
  padding: clamp(1.2rem, 3vw, 1.75rem);
}
.vm-landing-plans ul {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-landing-plans li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--text);
  font-weight: 800;
}
.vm-landing-plans svg {
  color: var(--primary);
  flex: 0 0 auto;
}
.vm-landing-highlights {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.75fr);
  gap: 1.1rem;
  margin-top: clamp(1.8rem, 4vw, 3.3rem);
  padding: clamp(1.2rem, 3vw, 1.75rem);
  background:
    radial-gradient(
      circle at top left,
      color-mix(in srgb, var(--primary-soft) 72%, transparent),
      transparent 18rem
    ),
    var(--surface);
}
.vm-landing-highlights svg {
  color: var(--primary);
}
.vm-landing-highlights h2,
.vm-landing-faq h2 {
  max-width: 15ch;
  margin: 0.65rem 0 0;
  font-size: clamp(2rem, 4.5vw, 3.25rem);
  line-height: 1;
  letter-spacing: -0.04em;
}
.vm-landing-highlights ul {
  display: grid;
  align-content: center;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-landing-highlights li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--text);
  font-weight: 800;
}
.vm-landing-faq {
  display: grid;
  grid-template-columns: minmax(16rem, 0.55fr) minmax(0, 1fr);
  gap: 1.25rem;
  margin-top: clamp(1.8rem, 4vw, 3.3rem);
}
.vm-landing-faq-list {
  display: grid;
  gap: 0.85rem;
}
.vm-landing-faq-list article {
  padding: 1rem;
}
.vm-landing-faq-list h3 {
  margin: 0;
  font-size: 1.05rem;
}
.button-primary,
.button-secondary {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  font-weight: 700;
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  min-height: 3rem;
  min-width: 3rem;
  padding: 0 1rem;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
  text-decoration: none;
  white-space: nowrap;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}
.button-primary {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 0.85rem 1.8rem
    color-mix(in srgb, var(--primary) 16%, transparent);
}
.button-primary:hover:not(:disabled) {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--primary) 22%, transparent);
}
.button-secondary {
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  color: var(--text);
}
.button-secondary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-soft) 72%, var(--surface));
  border-color: color-mix(in srgb, var(--primary) 44%, var(--line));
  color: var(--primary-dark);
}
:root[data-theme="dark"] .button-primary {
  color: #082318;
}
:root[data-theme="dark"] .button-primary:hover:not(:disabled) {
  background: var(--primary-dark);
  color: #082318;
}
.button-primary:disabled,
.button-secondary:disabled {
  opacity: 0.58;
}
.button-primary:active:not(:disabled),
.button-secondary:active:not(:disabled) {
  transform: translateY(1px) scale(0.985);
}
.vm-topbar {
  position: relative;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 4.5rem;
  padding: 0.75rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid transparent;
  background: transparent;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    backdrop-filter 0.22s ease,
    box-shadow 0.22s ease;
}
.vm-topbar .vm-landing-nav {
  margin-left: auto;
}
.vm-home-page {
  min-height: 100dvh;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: contain;
  background:
    radial-gradient(
      circle at 12% 12%,
      color-mix(in srgb, var(--primary-soft) 62%, transparent),
      transparent 18rem
    ),
    radial-gradient(
      circle at 88% 18%,
      color-mix(in srgb, var(--primary) 16%, transparent),
      transparent 20rem
    ),
    linear-gradient(90deg, rgba(58, 102, 176, 0.045) 1px, transparent 1px),
    linear-gradient(rgba(58, 102, 176, 0.04) 1px, transparent 1px), var(--bg);
  background-size:
    auto,
    auto,
    2rem 2rem,
    2rem 2rem;
}
.vm-home-header {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(76rem, calc(100% - 2rem));
  min-height: 4.35rem;
  margin: 0 auto;
  padding: 0.75rem 0;
  background: transparent;
  transform: translate(-50%);
  pointer-events: none;
}
.vm-home-header > * {
  pointer-events: auto;
}
.vm-home-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 0.7rem;
  color: inherit;
  text-decoration: none;
}
.vm-home-brand img {
  width: 2.25rem;
  height: 2.25rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 0 0 auto;
}
.vm-home-brand div {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}
.vm-home-brand strong {
  color: var(--ink);
  font-family:
    Nunito Sans,
    sans-serif;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1;
}
.vm-home-brand span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}
.vm-home-nav {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-left: auto;
}
.vm-home-nav a {
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 850;
  text-decoration: none;
}
.vm-home-nav a:hover,
.vm-home-nav a.is-active {
  color: var(--primary-dark);
}
.vm-home-nav a.is-active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.25rem;
  border-radius: 999px;
  background: var(--primary);
}
.vm-home-nav .button-primary {
  min-height: 2.4rem;
  padding: 0 0.9rem;
  font-size: 0.82rem;
}
.vm-home-menu-button {
  display: none;
}
.vm-home-main {
  width: min(76rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: 0;
}
.vm-home-main > section {
  min-height: 100dvh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: grid;
  align-content: center;
  justify-content: stretch;
  padding-block: clamp(2.5rem, 6vw, 5rem);
}
.vm-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 0.95fr);
  gap: clamp(1.6rem, 4vw, 3.4rem);
  align-items: center;
}
.vm-home-hero-copy h1 {
  max-width: 12ch;
  margin: 0.55rem 0 0;
  color: var(--ink);
  font-size: clamp(2.75rem, 6vw, 5.25rem);
  line-height: 0.94;
  letter-spacing: -0.065em;
  animation: vm-home-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-home-hero-copy > p:not(.vm-eyebrow) {
  max-width: 39rem;
  margin: 1.2rem 0 0;
  color: var(--muted);
  font-size: clamp(1.02rem, 1.45vw, 1.18rem);
  line-height: 1.7;
  animation: vm-home-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 90ms both;
}
.vm-home-actions,
.vm-home-proof,
.vm-home-tags,
.vm-home-plans ul {
  display: flex;
  flex-wrap: wrap;
}
.vm-home-actions {
  gap: 0.75rem;
  margin-top: 1.65rem;
  animation: vm-home-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
}
.vm-home-proof {
  gap: 0.55rem;
  margin-top: 1rem;
  animation: vm-home-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.26s both;
}
.vm-home-proof span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2rem;
  padding: 0 0.75rem;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 850;
}
.vm-home-proof svg,
.vm-home-plans li svg {
  color: var(--primary);
  flex: 0 0 auto;
}
.vm-home-product {
  position: relative;
  display: grid;
  gap: 0.9rem;
  padding: clamp(0.35rem, 1.5vw, 0.7rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  animation: none;
  transition:
    transform 0.26s ease,
    box-shadow 0.26s ease,
    border-color 0.26s ease;
}
.vm-home-product:hover {
  transform: none;
}
.vm-home-product:before {
  display: none;
}
.vm-home-product-card {
  position: relative;
  display: grid;
  gap: 0.55rem;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease;
}
.vm-home-product-card:hover {
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
  background: color-mix(in srgb, var(--surface) 98%, var(--primary-soft));
  transform: translateY(-3px);
}
.vm-home-resume-transform {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  align-items: center;
  margin-top: 1.35rem;
  position: relative;
  min-height: 20rem;
}
.vm-home-resume-card {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  min-height: 17rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}
.vm-home-resume-card:hover {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  box-shadow: 0 1rem 2.6rem color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-home-resume-card.is-before {
  opacity: 0.72;
  grid-column: 1;
  animation: vm-home-card-before-swap 6.5s ease-in-out infinite;
}
.vm-home-resume-card.is-after {
  grid-column: 2;
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary) 14%, transparent),
      transparent 8rem
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--primary-soft) 42%, transparent),
      transparent 58%
    ),
    color-mix(in srgb, var(--surface) 98%, transparent);
  animation: vm-home-card-after-swap 6.5s ease-in-out infinite;
}
.vm-home-resume-card span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-home-resume-card strong {
  color: var(--ink);
  font-size: 1.05rem;
  line-height: 1.1;
}
.vm-home-resume-card p {
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
}
.vm-home-ats-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  align-items: start;
}
.vm-home-ats-section {
  display: grid;
  gap: 0.42rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
}
.vm-home-ats-section small {
  color: var(--primary-dark);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-home-resume-line {
  height: 0.48rem;
  width: 82%;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 72%, transparent);
  box-shadow: none;
}
.vm-home-resume-line.is-short {
  width: 52%;
}
.vm-home-resume-line.is-wide {
  width: 100%;
  background: color-mix(in srgb, var(--primary) 25%, var(--line));
}
.vm-home-transform-arrow {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
  border-radius: 999px;
  background: var(--surface);
  color: var(--primary);
  box-shadow: 0 0.8rem 1.8rem
    color-mix(in srgb, var(--primary) 13%, transparent);
  animation: vm-home-pulse 1.9s ease-in-out infinite;
  z-index: 3;
}
.vm-home-score {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.42rem 0.62rem;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}
.vm-home-product-card.is-input {
  margin-top: 1.2rem;
}
.vm-home-product-card span,
.vm-home-doc-head span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 850;
}
.vm-home-product-card strong,
.vm-home-doc-head strong {
  color: var(--ink);
  font-size: 1.35rem;
  line-height: 1.05;
}
.vm-home-product-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.vm-home-doc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.vm-home-doc-head div {
  display: grid;
  gap: 0.25rem;
}
.vm-home-doc-head svg {
  color: var(--primary);
}
.vm-home-doc-line {
  height: 0.65rem;
  width: 74%;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 70%, transparent);
}
.vm-home-doc-line.is-wide {
  width: 100%;
  margin-top: 0.35rem;
}
.vm-home-tags {
  gap: 0.45rem;
  margin-top: 0.25rem;
}
.vm-home-tags em {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-style: normal;
  font-weight: 900;
  transition:
    transform 0.18s ease,
    background 0.18s ease;
}
.vm-home-tags em:hover {
  background: color-mix(in srgb, var(--primary-soft) 72%, white);
  transform: translateY(-2px) rotate(-1deg);
}
.vm-home-flow,
.vm-home-value,
.vm-home-plans,
.vm-home-social-proof,
.vm-home-faq {
  margin-top: 0;
}
.vm-home-section-head {
  max-width: 42rem;
}
.vm-home-section-head h2,
.vm-home-plans h2 {
  margin: 0.45rem 0 0;
  color: var(--ink);
  font-size: clamp(2rem, 4.4vw, 3.8rem);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.vm-home-flow .vm-home-section-head h2 {
  max-width: 38rem;
  font-size: clamp(1.7rem, 3.1vw, 2.65rem);
  line-height: 1.03;
}
.vm-home-flow-grid,
.vm-home-value-grid,
.vm-home-faq-grid {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.3rem;
}
.vm-home-flow-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-home-flow-visual {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.4rem;
}
.vm-home-flow-panel {
  display: grid;
  grid-template-columns: minmax(13rem, 0.95fr) minmax(10rem, 0.62fr) minmax(
      13rem,
      1.05fr
    );
  gap: 0;
  align-items: center;
  padding: clamp(1rem, 2.2vw, 1.35rem);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 1.65rem;
  background:
    radial-gradient(
      circle at 78% 16%,
      color-mix(in srgb, var(--primary) 13%, transparent),
      transparent 13rem
    ),
    color-mix(in srgb, var(--surface) 90%, transparent);
  box-shadow: 0 1rem 3rem color-mix(in srgb, var(--ink) 6%, transparent);
}
.vm-home-flow-column {
  display: grid;
  gap: 0.75rem;
}
.vm-home-flow-column > span {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--primary);
  font-size: 0.8rem;
  font-weight: 950;
  letter-spacing: 0.12em;
}
.vm-home-flow-paper {
  display: grid;
  gap: 0.65rem;
  min-height: 16rem;
  padding: 1.05rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: #fff;
}
.vm-home-flow-paper strong {
  color: var(--ink);
  font-size: 1rem;
}
.vm-home-flow-paper small {
  align-self: end;
  color: var(--muted);
  font-weight: 800;
}
.vm-home-flow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.vm-home-flow-center {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  padding: 0 0.7rem;
  color: var(--primary);
}
.vm-home-flow-center:before {
  content: "";
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: 50%;
  height: 1px;
  background: color-mix(in srgb, var(--primary) 28%, transparent);
}
.vm-home-flow-center > * {
  position: relative;
  z-index: 1;
}
.vm-home-flow-center > div {
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  padding: 0.8rem;
  border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
  border-radius: 1.1rem;
  background: color-mix(in srgb, var(--surface-soft) 82%, white);
  color: var(--muted);
  text-align: center;
}
.vm-home-flow-center strong {
  color: var(--primary-dark);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.vm-home-flow-center em {
  color: var(--muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
}
.vm-home-flow-paper.is-final {
  position: relative;
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary) 12%, transparent),
      transparent 7rem
    ),
    #fff;
}
.vm-home-flow-match {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 1.7rem;
  padding: 0 0.58rem;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-size: 0.72rem;
  font-weight: 950;
}
.vm-home-flow-caption {
  max-width: 44rem;
  margin: 0 auto;
  color: var(--muted);
  text-align: center;
  line-height: 1.6;
}
.vm-home-flow-grid article,
.vm-home-value-grid article,
.vm-home-faq-grid article,
.vm-home-plans {
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 1.4rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
}
.vm-home-flow-grid article,
.vm-home-value-grid article,
.vm-home-faq-grid article {
  padding: 1.1rem;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.vm-home-flow-grid article:hover,
.vm-home-value-grid article:hover,
.vm-home-faq-grid article:hover {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background: color-mix(in srgb, var(--surface) 96%, var(--primary-soft));
  box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--primary) 11%, transparent);
  transform: translateY(-5px);
}
.vm-home-flow-grid span {
  color: var(--primary);
  font-weight: 950;
  letter-spacing: 0.12em;
}
.vm-home-flow-grid h3,
.vm-home-value-grid h3,
.vm-home-faq-grid h3 {
  margin: 0.75rem 0 0;
  color: var(--ink);
}
.vm-home-flow-grid p,
.vm-home-value-grid p,
.vm-home-faq-grid p,
.vm-home-plans p {
  margin: 0.45rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-home-value-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vm-home-value-grid svg {
  color: var(--primary);
  transition: transform 0.22s ease;
}
.vm-home-value-grid article:hover svg {
  transform: translateY(-2px) rotate(-6deg) scale(1.08);
}
.vm-home-plans {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 1.25rem;
  align-items: center;
  padding: clamp(1.15rem, 3vw, 1.55rem);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--primary-soft) 46%, transparent),
      color-mix(in srgb, var(--surface) 92%, transparent)
    ),
    var(--surface);
  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}
.vm-home-plans:hover {
  border-color: color-mix(in srgb, var(--primary) 30%, var(--line));
  box-shadow: 0 1.25rem 3.8rem
    color-mix(in srgb, var(--primary) 13%, transparent);
  transform: translateY(-4px);
}
.vm-home-plans {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.vm-home-plans:hover {
  border-color: transparent;
  box-shadow: none;
  transform: none;
}
.vm-home-plans ul {
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-home-plans li {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--ink);
  font-weight: 850;
}
.vm-home-testimonials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1.25rem;
}
.vm-home-testimonials article {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-height: 13rem;
  padding: 1.05rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}
.vm-home-testimonials article:hover {
  border-color: color-mix(in srgb, var(--primary) 26%, var(--line));
  box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--primary) 9%, transparent);
  transform: translateY(-4px);
}
.vm-home-testimonials p {
  margin: 0;
  color: var(--text);
  line-height: 1.6;
}
.vm-home-testimonials div {
  display: grid;
  gap: 0.2rem;
  padding-top: 0.85rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
}
.vm-home-testimonials strong {
  color: var(--ink);
}
.vm-home-testimonials span {
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 800;
}
.vm-home-faq-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-reveal {
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  filter: blur(8px);
  transition:
    opacity 0.68s ease,
    transform 0.76s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.76s ease;
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}
.vm-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.vm-home-flow-grid .vm-reveal:nth-child(2),
.vm-home-value-grid .vm-reveal:nth-child(2),
.vm-home-faq-grid .vm-reveal:nth-child(2) {
  --reveal-delay: 90ms;
}
.vm-home-flow-grid .vm-reveal:nth-child(3),
.vm-home-value-grid .vm-reveal:nth-child(3),
.vm-home-faq-grid .vm-reveal:nth-child(3) {
  --reveal-delay: 0.18s;
}
.vm-home-value-grid .vm-reveal:nth-child(4) {
  --reveal-delay: 0.27s;
}
.vm-home-flow-grid article,
.vm-home-value-grid article,
.vm-home-plans,
.vm-home-faq-grid article {
  animation: vm-home-rise 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-home-flow-grid article:nth-child(2),
.vm-home-value-grid article:nth-child(2),
.vm-home-faq-grid article:nth-child(2) {
  animation-delay: 90ms;
}
.vm-home-flow-grid article:nth-child(3),
.vm-home-value-grid article:nth-child(3),
.vm-home-faq-grid article:nth-child(3) {
  animation-delay: 0.18s;
}
.vm-home-value-grid article:nth-child(4) {
  animation-delay: 0.27s;
}
@keyframes vm-home-rise {
  0% {
    opacity: 0;
    transform: translateY(22px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-home-float-in {
  0% {
    opacity: 0;
    transform: translateY(28px) rotate(1deg) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0) scale(1);
  }
}
@keyframes vm-home-float {
  0%,
  to {
    translate: 0 0;
  }
  50% {
    translate: 0 -8px;
  }
}
@keyframes vm-home-pulse {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
@keyframes vm-home-card-before-swap {
  0%,
  42%,
  to {
    opacity: 0.64;
    transform: translate(0) scale(0.84);
    z-index: 1;
  }
  50%,
  92% {
    opacity: 1;
    transform: translate(calc(100% + 0.45rem)) scale(1.18);
    z-index: 4;
  }
}
@keyframes vm-home-card-after-swap {
  0%,
  42%,
  to {
    opacity: 1;
    transform: translate(0) scale(1.18);
    z-index: 4;
  }
  50%,
  92% {
    opacity: 0.64;
    transform: translate(calc(-100% - 0.45rem)) scale(0.84);
    z-index: 1;
  }
}
.vm-topbar.is-transparent {
  border-bottom-color: transparent;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.vm-topbar.is-cv-hub {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 4rem;
  width: calc(100% - var(--vm-hub-sidebar-width, 17.25rem));
  margin-left: var(--vm-hub-sidebar-width, 17.25rem);
  padding: 0 1.75rem;
  border-bottom-color: #e5e7ebf2;
  background: #fffffffa;
  box-shadow: 0 8px 24px #1118270d;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.vm-topbar.is-cv-hub.is-full-span {
  width: 100%;
  margin-left: 0;
  justify-content: space-between;
  min-height: 4.85rem;
}
.vm-topbar-leading {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 auto;
}
.vm-topbar.is-cv-hub.is-full-span .vm-brand,
.vm-topbar.is-cv-hub.is-full-span .vm-brand-link {
  flex: 0 0 auto;
  max-width: none;
}
.vm-topbar.is-cv-hub.is-full-span .vm-topbar-actions {
  width: auto;
  flex: 0 0 auto;
}
.vm-topbar.is-cv-hub.is-full-span .vm-topbar-leading {
  flex: 1 1 auto;
}
.vm-topbar.is-cv-hub.is-full-span .vm-cv-editor-back-topbar {
  margin-left: 2.9rem;
}
.vm-topbar.is-cv-hub .vm-topbar-brand-spacer {
  display: none;
}
.vm-topbar.is-cv-hub .vm-topbar-actions {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  min-height: 0;
  padding: 0;
}
.vm-topbar.is-cv-hub .vm-mobile-menu-shell {
  gap: 0.8rem;
  align-items: center;
}
.vm-topbar.is-cv-hub .vm-language-menu,
.vm-topbar.is-cv-hub .vm-theme-toggle,
.vm-topbar.is-cv-hub .vm-credit-pill,
.vm-topbar.is-cv-hub .vm-topbar .vm-route-link,
.vm-topbar.is-cv-hub .vm-topbar .button-secondary,
.vm-topbar.is-cv-hub .vm-user-avatar-card {
  min-height: 2.7rem;
}
.vm-topbar.is-cv-hub .vm-theme-toggle,
.vm-topbar.is-cv-hub .vm-credit-pill,
.vm-topbar.is-cv-hub .vm-route-link,
.vm-topbar.is-cv-hub .button-secondary {
  font-size: 0.96rem;
  font-weight: 700;
}
.vm-topbar.is-cv-hub .vm-editor-download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.7rem;
  padding: 0 1rem;
  border-radius: 0.95rem;
  border: 1px solid #6a4df5;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  color: #fff;
  box-shadow: 0 12px 26px #6f54ff3d;
  order: 4;
}
.vm-topbar.is-cv-hub .vm-dashboard-settings-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  min-width: 2.7rem;
  min-height: 2.7rem;
  padding: 0;
  order: 5;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.vm-topbar.is-cv-hub .vm-editor-ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.7rem;
  padding: 0 0.8rem;
  border-radius: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
  background: transparent;
  color: var(--text);
  box-shadow: none;
  order: 3;
}
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.7rem;
  padding: 0 0.8rem;
  border-radius: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
  background: transparent;
  color: var(--text);
  box-shadow: none;
}
.vm-topbar.is-cv-hub .vm-editor-download-button:hover,
.vm-topbar.is-cv-hub .vm-editor-download-button:focus-visible,
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:hover,
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:focus-visible,
.vm-topbar.is-cv-hub .vm-editor-ghost-button:hover,
.vm-topbar.is-cv-hub .vm-editor-ghost-button:focus-visible,
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar:hover,
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar:focus-visible {
  opacity: 1;
}
.vm-topbar.is-cv-hub .vm-editor-download-button:hover,
.vm-topbar.is-cv-hub .vm-editor-download-button:focus-visible {
  border-color: #6246f5;
  background: linear-gradient(135deg, #6246f5, #845cff);
  color: #fff;
  box-shadow: 0 16px 30px #6f54ff4d;
}
.vm-topbar.is-cv-hub .vm-editor-download-button.is-unlocked {
  border-color: #169b46;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  box-shadow: 0 14px 28px #16a34a3d;
}
.vm-topbar.is-cv-hub .vm-editor-download-button.is-unlocked:hover,
.vm-topbar.is-cv-hub .vm-editor-download-button.is-unlocked:focus-visible {
  border-color: #15803d;
  background: linear-gradient(135deg, #15803d, #1faa56);
  color: #fff;
  box-shadow: 0 16px 30px #16a34a47;
}
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:hover,
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:focus-visible,
.vm-topbar.is-cv-hub .vm-editor-ghost-button:hover,
.vm-topbar.is-cv-hub .vm-editor-ghost-button:focus-visible,
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar:hover,
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 60%, var(--surface));
  color: var(--primary-dark);
  box-shadow: 0 0.8rem 1.8rem
    color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:hover,
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:focus-visible,
.vm-topbar.is-cv-hub .vm-dashboard-settings-button:active,
.vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-settings-button:hover,
.vm-topbar.is-cv-hub.is-full-span
  .vm-editor-mobile-settings-button:focus-visible,
.vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-settings-button:active {
  border: 0 !important;
}
.vm-topbar.is-cv-hub .vm-dashboard-settings-button svg,
.vm-topbar.is-cv-hub .vm-editor-download-button svg {
  flex: 0 0 auto;
}
.vm-topbar.is-cv-hub .vm-editor-ghost-button svg {
  flex: 0 0 auto;
}
.vm-topbar.is-cv-hub .vm-cv-editor-back.vm-cv-editor-back-topbar svg {
  flex: 0 0 auto;
}
.vm-topbar.is-cv-hub .vm-account-menu-wrap {
  order: 2;
}
.vm-topbar.is-cv-hub .vm-language-trigger {
  min-height: 2.7rem;
  padding-inline: 0.95rem 0.9rem;
  font-size: 0.96rem;
  font-weight: 700;
}
.vm-topbar.is-cv-hub .vm-credit-pill strong {
  font-size: 1rem;
}
.vm-page.has-transparent-header .vm-wizard-shell.is-entry {
  height: calc(100dvh - 4.5rem);
}
.vm-dashboard-bootstrap-loading {
  min-height: 100dvh;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  color: var(--text);
}
.vm-dashboard-bootstrap-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  background: var(--primary);
  box-shadow: 0 0 color-mix(in srgb, var(--primary) 40%, transparent);
  animation: vm-dashboard-bootstrap-pulse 1.2s ease-in-out infinite;
}
@keyframes vm-dashboard-bootstrap-pulse {
  0% {
    transform: scale(0.92);
    box-shadow: 0 0 color-mix(in srgb, var(--primary) 44%, transparent);
    opacity: 0.82;
  }
  70% {
    transform: scale(1.08);
    box-shadow: 0 0 0 0.8rem color-mix(in srgb, var(--primary) 0%, transparent);
    opacity: 1;
  }
  to {
    transform: scale(0.92);
    box-shadow: 0 0 color-mix(in srgb, var(--primary) 0%, transparent);
    opacity: 0.82;
  }
}
.vm-dashboard-skeleton-page {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 17.25rem minmax(0, 1fr);
  background:
    linear-gradient(rgba(58, 102, 176, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 102, 176, 0.045) 1px, transparent 1px),
    #f4f7fb;
  background-size: 1.75rem 1.75rem;
  color: var(--text);
  overflow: hidden;
}
.vm-dashboard-skeleton-page.is-editor {
  grid-template-columns: 38rem minmax(0, 1fr);
}
.vm-dashboard-skeleton-sidebar {
  display: grid;
  align-content: start;
  gap: 1.1rem;
  min-height: 100dvh;
  padding: 1.25rem 1.15rem;
  border-right: 1px solid rgba(209, 213, 219, 0.78);
  background: #ffffffd1;
}
.vm-dashboard-skeleton-brand {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(209, 213, 219, 0.75);
}
.vm-dashboard-skeleton-main {
  min-width: 0;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: 4.25rem minmax(0, 1fr);
}
.vm-dashboard-skeleton-topbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0 1.45rem;
  border-bottom: 1px solid rgba(209, 213, 219, 0.75);
  background: #ffffffe6;
}
.vm-dashboard-skeleton-hub,
.vm-dashboard-skeleton-editor {
  min-height: 0;
  padding: 2rem 2.25rem;
}
.vm-dashboard-skeleton-hub {
  display: grid;
  align-content: start;
  gap: 1.25rem;
}
.vm-dashboard-skeleton-editor {
  display: grid;
  grid-template-columns: minmax(18rem, 28rem) minmax(0, 1fr);
  gap: 1.4rem;
}
.vm-dashboard-skeleton-editor-panel,
.vm-dashboard-skeleton-preview {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-height: 0;
}
.vm-dashboard-skeleton-preview {
  padding: 1.35rem;
}
.vm-dashboard-skeleton-stats,
.vm-dashboard-skeleton-grid {
  display: grid;
  gap: 0.9rem;
}
.vm-dashboard-skeleton-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-dashboard-skeleton-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vm-dashboard-skeleton-logo,
.vm-dashboard-skeleton-line,
.vm-dashboard-skeleton-nav,
.vm-dashboard-skeleton-upgrade,
.vm-dashboard-skeleton-pill,
.vm-dashboard-skeleton-avatar,
.vm-dashboard-skeleton-field,
.vm-dashboard-skeleton-stats span,
.vm-dashboard-skeleton-grid span,
.vm-dashboard-skeleton-page-preview {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background: linear-gradient(90deg, #e5e7ebdb, #fffffff2, #e5e7ebdb);
  background-size: 220% 100%;
  animation: vm-shimmer 1.35s linear infinite;
}
.vm-dashboard-skeleton-logo {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 0.75rem;
}
.vm-dashboard-skeleton-line {
  display: block;
  height: 0.75rem;
}
.vm-dashboard-skeleton-line.is-brand {
  width: 7rem;
  height: 1rem;
  margin-bottom: 0.45rem;
}
.vm-dashboard-skeleton-line.is-caption {
  width: 8.5rem;
}
.vm-dashboard-skeleton-line.is-topbar {
  width: 8rem;
}
.vm-dashboard-skeleton-line.is-heading {
  width: min(24rem, 58%);
  height: 2.1rem;
}
.vm-dashboard-skeleton-line.is-subheading {
  width: min(32rem, 70%);
}
.vm-dashboard-skeleton-line.is-title {
  width: 72%;
  height: 1.8rem;
}
.vm-dashboard-skeleton-line.is-preview-title {
  width: 9rem;
  height: 0.8rem;
}
.vm-dashboard-skeleton-nav {
  height: 2.9rem;
}
.vm-dashboard-skeleton-nav.is-active {
  background: linear-gradient(90deg, #5a8bd62e, #fffffff2, #5a8bd62e);
  background-size: 220% 100%;
}
.vm-dashboard-skeleton-upgrade {
  align-self: end;
  min-height: 7.8rem;
  margin-top: 3rem;
}
.vm-dashboard-skeleton-pill {
  width: 7.5rem;
  height: 2.3rem;
  border-radius: 999px;
}
.vm-dashboard-skeleton-avatar {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 999px;
}
.vm-dashboard-skeleton-stats span {
  height: 5.8rem;
}
.vm-dashboard-skeleton-grid span {
  height: 11.8rem;
}
.vm-dashboard-skeleton-grid span.is-create {
  background: transparent;
  border: 1px dashed rgba(90, 139, 214, 0.35);
  animation: none;
}
.vm-dashboard-skeleton-field {
  height: 3.2rem;
  border-radius: 0;
}
.vm-dashboard-skeleton-field.is-tall {
  height: 9rem;
}
.vm-dashboard-skeleton-page-preview {
  width: min(100%, 46rem);
  aspect-ratio: 210 / 297;
  border-radius: 0;
}
.vm-brand,
.vm-brand-link {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(42rem, 44vw);
  gap: 0.7rem;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}
.vm-brand-mark {
  width: 2.3rem;
  height: 2.3rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 0 0 auto;
}
:root:not([data-theme="dark"]) .vm-brand-mark {
  filter: drop-shadow(0 0 0.55rem rgba(77, 187, 87, 0.28))
    drop-shadow(0 0 1.1rem rgba(77, 187, 87, 0.14));
}
.vm-brand-title {
  margin: 0;
  font-family:
    Nunito Sans,
    sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
}
.vm-brand-copy {
  margin: 0.12rem 0 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.3;
}
.vm-topbar-brand-spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.vm-topbar-actions,
.vm-mobile-menu-shell {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 0.5rem;
  min-width: 0;
}
.vm-language-menu,
.vm-account {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  align-self: center;
}
.vm-control-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.45rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--text) 8%, var(--surface));
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-language-menu {
  min-height: 2.45rem;
  z-index: 90;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  background-color: transparent;
  position: relative;
  isolation: isolate;
}
.vm-language-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
  min-height: 2.45rem;
  padding: 0 0.82rem 0 0.88rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.vm-language-trigger-flag {
  font-size: 0.92rem;
  line-height: 1;
}
.vm-language-trigger-label {
  line-height: 1;
}
.vm-language-trigger-icon {
  color: color-mix(in srgb, var(--text) 72%, var(--muted));
  transition:
    transform 0.18s ease,
    color 0.18s ease;
}
.vm-language-menu.is-open .vm-language-trigger-icon {
  transform: rotate(180deg);
  color: var(--primary-dark);
}
.vm-language-dropdown {
  position: absolute;
  top: calc(100% + 0.55rem);
  right: 0;
  z-index: 10000;
  display: grid;
  gap: 0.32rem;
  min-width: 13.75rem;
  padding: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
  border-radius: 1.05rem;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 96%, transparent),
      color-mix(in srgb, var(--surface) 88%, var(--primary-soft))
    ),
    var(--surface);
  box-shadow:
    0 1.1rem 2.8rem color-mix(in srgb, var(--primary) 10%, transparent),
    inset 0 1px color-mix(in srgb, white 18%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.4rem) scale(0.98);
  transform-origin: top right;
  transition:
    opacity 0.22s ease,
    transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0ms linear 0.26s;
}
.vm-language-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition:
    opacity 0.22s ease,
    transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0ms linear 0ms;
}
.vm-language-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  padding: 0.7rem 0.78rem;
  border: 1px solid transparent;
  border-radius: 0.82rem;
  background: transparent;
  color: var(--text);
  text-align: left;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-language-option:hover,
.vm-language-option:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 30%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 68%, var(--surface));
  color: var(--primary-dark);
  transform: translateY(-1px);
}
.vm-language-option.is-active {
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 82%, var(--surface));
  color: var(--primary-dark);
}
.vm-language-option-flag {
  font-size: 1rem;
  line-height: 1;
}
.vm-language-option-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}
.vm-language-option-copy strong,
.vm-language-option-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-language-option-copy strong {
  font-size: 0.84rem;
  line-height: 1.1;
}
.vm-language-option-copy small {
  color: var(--muted);
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.vm-language-option-check {
  color: var(--primary);
}
.vm-language-pill,
.vm-theme-toggle,
.vm-credit-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.45rem;
  padding: 0 0.78rem;
  border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-language-menu,
.vm-theme-toggle,
.vm-credit-pill,
.vm-topbar .vm-route-link,
.vm-topbar .button-secondary,
.vm-user-avatar-card,
.vm-menu-toggle {
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
  border-color: transparent;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}
.vm-language-menu:hover,
.vm-language-menu:focus-within,
.vm-theme-toggle:hover,
.vm-theme-toggle:focus-visible,
.vm-topbar .vm-route-link:hover,
.vm-topbar .vm-route-link:focus-visible,
.vm-topbar .button-secondary:hover,
.vm-topbar .button-secondary:focus-visible,
.vm-user-avatar-card:hover,
.vm-user-avatar-card:focus-visible,
.vm-menu-toggle:hover,
.vm-menu-toggle:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 48%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 72%, var(--surface));
  color: var(--primary-dark);
  box-shadow: 0 0.8rem 1.6rem
    color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-credit-pill:hover,
.vm-credit-pill:focus-visible {
  border-color: transparent;
  background: transparent;
  color: inherit;
  box-shadow: none;
  transform: none;
}
.vm-topbar .vm-language-trigger:hover,
.vm-topbar .vm-language-trigger:focus-visible,
.vm-topbar .vm-theme-toggle:hover,
.vm-topbar .vm-theme-toggle:focus-visible,
.vm-topbar .vm-route-link:hover,
.vm-topbar .vm-route-link:focus-visible,
.vm-topbar .button-secondary:hover,
.vm-topbar .button-secondary:focus-visible,
.vm-topbar .vm-user-avatar-card:hover,
.vm-topbar .vm-user-avatar-card:focus-visible,
.vm-topbar .vm-menu-toggle:hover,
.vm-topbar .vm-menu-toggle:focus-visible {
  border-color: #6f54ff47;
  background: #6f54ff1a;
  color: #5f4ce3;
  box-shadow: 0 0.8rem 1.6rem #6f54ff1f;
}
.vm-topbar .vm-language-trigger:hover .vm-language-trigger-icon,
.vm-topbar .vm-language-trigger:focus-visible .vm-language-trigger-icon,
.vm-topbar .vm-theme-toggle:hover svg,
.vm-topbar .vm-theme-toggle:focus-visible svg,
.vm-topbar .vm-route-link:hover svg,
.vm-topbar .vm-route-link:focus-visible svg,
.vm-topbar .button-secondary:hover svg,
.vm-topbar .button-secondary:focus-visible svg,
.vm-topbar .vm-menu-toggle:hover svg,
.vm-topbar .vm-menu-toggle:focus-visible svg {
  color: #5f4ce3;
}
.vm-language-pill.is-active {
  border-color: var(--primary);
  background: var(--primary-soft);
  color: var(--primary-dark);
}
.vm-language-menu.is-locked,
.vm-theme-toggle.is-locked,
.vm-route-link.is-locked {
  opacity: 0.8;
}
.vm-route-link.is-locked {
  pointer-events: none;
}
.vm-account-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 12rem;
  min-width: 0;
}
.vm-account-copy span,
.vm-account-copy small {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-account-copy span {
  font-size: 0.84rem;
  font-weight: 800;
}
.vm-account-copy small {
  color: var(--muted);
  font-size: 0.74rem;
}
.vm-credit-pill {
  background: transparent;
  background-color: transparent;
  color: var(--primary-dark);
  border-color: transparent;
  box-shadow: none;
}
.vm-topbar .vm-route-link {
  border-radius: 999px;
}
.vm-language-menu:active,
.vm-theme-toggle:active,
.vm-credit-pill:active,
.vm-topbar .vm-route-link:active,
.vm-topbar .button-secondary:active,
.vm-user-avatar-card:active,
.vm-menu-toggle:active {
  transform: translateY(1px) scale(0.985);
}
.vm-avatar-wrap {
  position: relative;
  flex: 0 0 auto;
}
.vm-avatar-button,
.vm-avatar-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-weight: 800;
}
.vm-avatar-button {
  width: 2.55rem;
  height: 2.55rem;
  border: 2px solid var(--primary);
}
.vm-avatar-button img,
.vm-avatar-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vm-user-avatar-card {
  display: inline-grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  min-width: 2.55rem;
  min-height: 2.55rem;
  padding: 0;
  overflow: hidden;
  border: 2px solid color-mix(in srgb, var(--primary) 72%, var(--line));
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  box-shadow: 0 0.7rem 1.7rem
    color-mix(in srgb, var(--primary) 10%, transparent);
  cursor: pointer;
  flex: 0 0 auto;
  aspect-ratio: 1 / 1;
}
.vm-user-avatar-card img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.vm-user-avatar-card span {
  font-weight: 950;
  line-height: 1;
}
.vm-account-menu-wrap {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}
.vm-account-menu-panel {
  position: absolute;
  top: calc(100% + 0.7rem);
  right: 0;
  z-index: 50;
  display: grid;
  gap: 0.35rem;
  width: min(15rem, calc(100vw - 1.4rem));
  padding: 0.55rem;
  border: 1px solid var(--line-strong);
  border-radius: 1.25rem;
  background: color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--ink) 15%, transparent);
}
.vm-account-menu-head {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding: 0.45rem 0.55rem 0.65rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0.2rem;
}
.vm-account-menu-head strong,
.vm-account-menu-head span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-account-menu-head strong {
  color: var(--ink);
  font-size: 0.98rem;
}
.vm-account-menu-head span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 750;
}
.vm-account-menu-section {
  display: grid;
  gap: 0.65rem;
}
.vm-account-menu-section > p {
  margin: 0;
  color: var(--primary-dark);
  font-size: 0.98rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vm-account-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}
.vm-account-info-card {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  padding: 0.68rem;
  border: 1px solid var(--line);
  border-radius: 0.9rem;
  background: color-mix(in srgb, var(--surface-soft) 58%, transparent);
}
.vm-account-info-card span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 850;
}
.vm-account-info-card strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 0.84rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-account-menu-action {
  width: 100%;
  justify-content: center;
  text-decoration: none;
}
.vm-account-menu-action.is-danger {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 30%, var(--line));
}
.vm-account-menu-action:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}
.vm-account-menu-option {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  min-height: 2.65rem;
  padding: 0 0.65rem;
  border: 0;
  border-radius: 0.85rem;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 850;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.vm-account-menu-option:hover {
  background: var(--primary-soft);
  color: var(--primary-dark);
}
.vm-account-menu-option:disabled {
  opacity: 0.72;
  cursor: wait;
}
.vm-account-menu-option svg {
  flex: 0 0 auto;
}
.vm-avatar-preview {
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid var(--line-strong);
  flex: 0 0 auto;
}
.vm-account-popover {
  position: absolute;
  top: calc(100% + 0.7rem);
  right: 0;
  z-index: 20;
  display: grid;
  gap: 0.8rem;
  width: min(18rem, calc(100vw - 2rem));
  padding: 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 1.35rem;
  background: var(--surface);
  box-shadow: 0 18px 48px #12351d29;
}
:root[data-theme="dark"] .vm-account-popover {
  box-shadow: 0 18px 48px #00000057;
}
.vm-account-popover-head {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}
.vm-account-popover-head strong,
.vm-account-popover-head small {
  display: block;
  max-width: 12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-account-popover-head strong {
  font-size: 0.95rem;
}
.vm-account-popover-head small {
  color: var(--muted);
  font-size: 0.82rem;
}
.vm-account-popover-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border-radius: 0.9rem;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-weight: 800;
}
.vm-topbar .button-secondary {
  min-height: 2.45rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0 0.88rem;
  font-size: 0.84rem;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  align-self: center;
}
.vm-google-signin-icon-button {
  width: 2.9rem;
  min-width: 2.9rem;
  min-height: 2.9rem;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.vm-google-signin-icon-button .vm-google-mark {
  width: 1.05rem;
  height: 1.05rem;
}
.vm-topbar.is-cv-hub .vm-google-signin-icon-button {
  width: 2.7rem;
  min-width: 2.7rem;
  min-height: 2.7rem;
  padding: 0;
}
.vm-google-signin-icon-button:hover,
.vm-google-signin-icon-button:focus-visible {
  border-color: color-mix(in srgb, #6f54ff 28%, var(--line));
  background: color-mix(in srgb, #f6f3ff 78%, #ffffff);
  box-shadow: 0 14px 28px #6f54ff1f;
}
.vm-editor-download-button {
  min-height: 2.7rem;
  padding: 0 1rem;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border: 1px solid #6a4df5;
  box-shadow: 0 12px 26px #6f54ff3d;
  font-size: 0.9rem;
  font-weight: 800;
  color: #fff;
}
.vm-editor-download-button:hover,
.vm-editor-download-button:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff);
  border-color: #6246f5;
  box-shadow: 0 16px 30px #6f54ff4d;
  color: #fff;
}
.vm-editor-download-button.is-unlocked {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: #169b46;
  box-shadow: 0 12px 26px #16a34a3d;
  color: #fff;
}
.vm-editor-download-button.is-unlocked:hover,
.vm-editor-download-button.is-unlocked:focus-visible {
  background: linear-gradient(135deg, #15803d, #1faa56);
  border-color: #15803d;
  box-shadow: 0 16px 30px #16a34a47;
  color: #fff;
}
.vm-editor-download-button svg {
  flex: 0 0 auto;
  color: currentColor;
}
.vm-editor-save-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0 0.85rem;
  border: 1px solid rgba(162, 128, 255, 0.22);
  border-radius: 999px;
  background: #ffffffb8;
  color: var(--foreground);
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}
.vm-editor-save-indicator.is-saving {
  color: #3a66b0;
}
.vm-editor-save-indicator.is-syncError {
  color: #b42318;
  border-color: #b423182e;
  background: #fff5f5eb;
}
.vm-cv-editor-save-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(180, 35, 24, 0.14);
  border-radius: 1rem;
  background: linear-gradient(135deg, #fff5f5f5, #fffffffa);
}
.vm-cv-editor-save-banner-copy {
  display: grid;
  gap: 0.22rem;
}
.vm-cv-editor-save-banner-copy strong {
  font-size: 0.98rem;
  color: #7a271a;
}
.vm-cv-editor-save-banner-copy p {
  margin: 0;
  color: #111827b8;
  line-height: 1.45;
}
.vm-cv-editor-save-banner-action {
  flex: 0 0 auto;
}
.vm-cv-editor-save-floating {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 2.35rem;
  padding: 0 0.85rem;
  border-radius: 999px;
  background: #ffffffeb;
  border: 1px solid rgba(162, 128, 255, 0.18);
  box-shadow: 0 16px 36px #0f172a1a;
  color: var(--foreground);
  font-size: 0.84rem;
  font-weight: 600;
}
.vm-cv-editor-save-floating.is-syncError {
  color: #b42318;
  border-color: #b4231829;
}
@media (max-width: 960px) {
  .vm-editor-save-indicator {
    display: none;
  }
  .vm-cv-editor-save-banner {
    margin: 0 0 0.85rem;
    padding: 0.85rem;
    border-radius: 0.9rem;
    flex-direction: column;
    align-items: stretch;
  }
  .vm-cv-editor-save-banner-action {
    width: 100%;
  }
  .vm-cv-editor-save-floating {
    display: none;
  }
}
.vm-menu-toggle,
.vm-wizard-nav,
.vm-wizard-footer,
.vm-wizard-back {
  display: none;
}
.vm-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(23rem, 0.85fr);
  height: calc(100dvh - 4.5rem);
  min-height: 0;
}
.vm-panel {
  min-width: 0;
  min-height: 0;
}
.vm-panel-left {
  border-right: 1px solid var(--line);
}
.vm-panel-right {
  display: flex;
  min-height: 0;
  background: color-mix(in srgb, var(--surface-soft) 58%, transparent);
}
.vm-scroll,
.vm-output-scroll {
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.vm-scroll {
  height: 100%;
  padding: clamp(1.1rem, 2.5vw, 2rem);
}
.vm-panel-head,
.vm-output-head,
.vm-job-area {
  padding: clamp(1.1rem, 2.5vw, 1.8rem);
}
.vm-panel-head,
.vm-output-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
}
.vm-eyebrow,
.vm-label,
.vm-plan-badge,
.vm-preview-section h2 {
  margin: 0;
  color: var(--primary-dark);
  font-family:
    Nunito Sans,
    sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vm-panel-title,
.vm-job-title,
.vm-section-title,
.vm-plans-hero h1,
.vm-price-panel h2,
.vm-plan-price strong,
.vm-loader-title {
  font-family:
    Nunito Sans,
    sans-serif;
  color: var(--text);
  letter-spacing: -0.02em;
}
.vm-panel-title {
  margin: 0.45rem 0 0;
  font-size: clamp(1.75rem, 3vw, 2.8rem);
  line-height: 1.05;
}
.vm-panel-copy {
  max-width: 42rem;
  margin: 0.65rem 0 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.6;
}
.vm-status,
.vm-score-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.45rem;
  padding: 0.38rem 0.78rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--primary-dark);
  font-size: 0.86rem;
  font-weight: 800;
  white-space: nowrap;
}
.vm-section {
  padding: 1.35rem 0;
  border-top: 1px solid var(--line);
}
.vm-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vm-section-title {
  margin: 0;
  font-size: clamp(1.28rem, 2vw, 1.7rem);
  line-height: 1.15;
}
.vm-section-subtitle {
  margin: 0.35rem 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.vm-grid-two,
.vm-row-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-grid-one {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1rem;
}
.vm-row-grid {
  flex: 1;
}
.vm-row-grid-links {
  grid-template-columns: minmax(10rem, 0.4fr) minmax(0, 1fr);
}
.vm-row-grid-inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-field {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
}
.vm-input,
.vm-select,
.vm-textarea {
  width: 100%;
  min-height: 3.1rem;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--surface);
  color: var(--text);
  outline: none;
  padding: 0.82rem 0.9rem;
  font-size: 1rem;
  line-height: 1.5;
}
.vm-textarea {
  min-height: 7rem;
  resize: vertical;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vm-textarea::-webkit-scrollbar {
  display: none;
}
.vm-input::-moz-placeholder,
.vm-textarea::-moz-placeholder {
  color: var(--subtle);
}
.vm-input::placeholder,
.vm-textarea::placeholder {
  color: var(--subtle);
}
.vm-input:focus,
.vm-select:focus,
.vm-textarea:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px var(--primary-soft);
}
.vm-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vm-row {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
}
.vm-row-compact {
  align-items: end;
}
.vm-inline-action,
.vm-remove-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border: 0;
  background: transparent;
  color: var(--primary-dark);
  font-weight: 800;
  transition: color 0.15s ease;
}
.vm-inline-action {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.6rem;
  padding: 0;
}
.vm-inline-action:hover,
.vm-remove-action:hover {
  color: var(--primary);
}
.vm-remove-action:hover,
.vm-remove-action:focus-visible {
  color: #f36c21;
}
.vm-remove-action {
  width: 2.8rem;
  height: 3.1rem;
  color: var(--subtle);
  flex: 0 0 auto;
}
.vm-output-head {
  border-bottom: 1px solid var(--line);
}
.vm-output-body {
  min-height: 0;
  padding: 0 clamp(1.1rem, 2.5vw, 1.8rem);
}
.vm-output-scroll {
  height: 100%;
  padding: 1.25rem 0;
}
.vm-preview-sheet,
.vm-empty-preview,
.vm-preview-loader {
  min-height: 100%;
}
.vm-preview-header {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
}
.vm-preview-header h1 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.1;
}
.vm-preview-header p,
.vm-empty-preview p,
.vm-loader-text,
.vm-keywords,
.vm-offer-copy,
.vm-helper-text,
.vm-plans-hero p,
.vm-price-panel p,
.vm-plan-price span,
.vm-plans-note {
  color: var(--muted);
}
.vm-preview-header p {
  margin: 0.5rem 0 0;
  font-size: 0.95rem;
  line-height: 1.6;
}
.vm-preview-section {
  padding-top: 1.15rem;
}
.vm-preview-section h2 {
  margin-bottom: 0.75rem;
}
.vm-preview-section p,
.vm-preview-item p,
.vm-preview-item li {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.7;
}
.vm-preview-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vm-preview-item h3 {
  margin: 0 0 0.35rem;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.4;
}
.vm-preview-item ul {
  margin: 0.5rem 0 0;
  padding-left: 1.2rem;
}
.vm-empty-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}
.vm-empty-preview p {
  max-width: 24rem;
  margin: 0;
  text-align: center;
  line-height: 1.75;
}
.vm-preview-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.1rem;
}
.vm-loader-mark {
  display: flex;
  justify-content: center;
}
.vm-loader-spin {
  width: 2.6rem;
  height: 2.6rem;
  border: 3px solid var(--line);
  border-top-color: var(--primary);
  border-radius: 999px;
  animation: vm-spin 1s linear infinite;
  flex: 0 0 auto;
}
.vm-loader-title {
  margin: 0;
  text-align: center;
  font-size: 1.6rem;
}
.vm-loader-text {
  max-width: 28rem;
  margin: 0.5rem auto 0;
  text-align: center;
  line-height: 1.6;
}
.vm-loader-lines {
  display: grid;
  gap: 0.6rem;
}
.vm-loader-lines span {
  display: block;
  height: 0.72rem;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--surface-soft),
    var(--line),
    var(--surface-soft)
  );
  background-size: 200% 100%;
  animation: vm-shimmer 1.3s linear infinite;
}
.vm-loader-lines span:nth-child(1) {
  width: 35%;
}
.vm-loader-lines span:nth-child(2) {
  width: 100%;
}
.vm-loader-lines span:nth-child(3) {
  width: 92%;
}
.vm-loader-lines span:nth-child(4) {
  width: 78%;
}
.vm-loader-lines span:nth-child(5) {
  width: 90%;
}
.vm-loader-lines span:nth-child(6) {
  width: 68%;
}
.vm-job-area {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vm-job-area-main {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.vm-job-area-main .vm-textarea {
  min-height: 14rem;
}
.vm-job-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.vm-job-title {
  margin: 0;
  max-width: 100%;
  font-size: clamp(1.65rem, 2.2vw, 2.1rem);
  line-height: 1.1;
}
.vm-keywords {
  max-width: 18rem;
  text-align: right;
  font-size: 0.9rem;
  line-height: 1.55;
}
.vm-generate-state {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 4rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  color: var(--muted);
  opacity: 0;
  transform: translateY(0.25rem);
  transition:
    opacity 0.15s ease,
    transform 0.15s ease;
}
.vm-generate-state.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.vm-generate-state.is-generating {
  display: block;
  padding: 1.35rem;
}
.vm-generate-state strong,
.vm-generate-state span {
  display: block;
}
.vm-generate-state strong {
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 800;
}
.vm-generate-state span {
  margin-top: 0.2rem;
  font-size: 0.9rem;
  line-height: 1.5;
}
.vm-generated-dot {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  background: var(--primary);
  box-shadow: 0 0 0 0.45rem var(--primary-soft);
  flex: 0 0 auto;
}
.vm-generate-flow {
  display: grid;
  gap: 1rem;
}
.vm-generate-flow-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}
.vm-generate-flow-rail span {
  position: relative;
  height: 0.32rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 14%, var(--line));
  overflow: hidden;
}
.vm-generate-flow-rail span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--primary) 78%, white),
    transparent
  );
  transform: translate(-120%);
  animation: vm-generate-rail-scan 1.8s linear infinite;
}
.vm-generate-flow-rail span:nth-child(2):after {
  animation-delay: 0.18s;
}
.vm-generate-flow-rail span:nth-child(3):after {
  animation-delay: 0.36s;
}
.vm-generate-flow-rail span:nth-child(4):after {
  animation-delay: 0.54s;
}
.vm-generate-flow-orb {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  margin-inline: auto;
}
.vm-generate-flow-orb span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, transparent);
  animation: vm-generate-pulse 2.4s ease-out infinite;
}
.vm-generate-flow-orb span:nth-child(2) {
  animation-delay: 0.5s;
}
.vm-generate-flow-orb span:nth-child(3) {
  animation-delay: 1s;
}
.vm-generate-flow-copy {
  display: grid;
  gap: 0.3rem;
  justify-items: center;
  text-align: center;
}
.vm-generate-flow-copy strong {
  font-size: 1.08rem;
}
.vm-generate-flow-copy span {
  max-width: 28rem;
}
.vm-generate-flow-steps {
  display: grid;
  gap: 0.45rem;
  width: min(24rem, 100%);
  margin-inline: auto;
}
.vm-adapt-generate-state {
  margin-top: 0.4rem;
}
.vm-generate-flow-step {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  font-weight: 700;
  opacity: 0.48;
  transform: translateY(4px);
  transition:
    opacity 0.18s ease,
    transform 0.18s ease,
    color 0.18s ease;
}
.vm-generate-flow-step.is-active {
  color: var(--text);
  opacity: 1;
  transform: translateY(0);
}
.vm-generate-flow-step.is-done {
  color: var(--primary);
  opacity: 0.88;
}
.vm-generate-flow-step-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 0.28rem color-mix(in srgb, currentColor 18%, transparent);
  flex: 0 0 auto;
}
@keyframes vm-generate-pulse {
  0% {
    opacity: 0.85;
    transform: scale(0.58);
  }
  70% {
    opacity: 0;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.08);
  }
}
@keyframes vm-output-skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -20% 0;
  }
}
@keyframes vm-output-pulse {
  0%,
  to {
    transform: scale(1);
    box-shadow: 0 0 color-mix(in srgb, var(--primary) 24%, transparent);
  }
  60% {
    transform: scale(1.08);
    box-shadow: 0 0 0 0.6rem color-mix(in srgb, var(--primary) 0%, transparent);
  }
}
@keyframes vm-generate-rail-scan {
  0% {
    transform: translate(-120%);
  }
  to {
    transform: translate(120%);
  }
}
.vm-base-resume-stage {
  width: min(38rem, 100%);
}
.vm-base-resume-status {
  display: grid;
  justify-items: center;
  gap: 1rem;
  width: min(26rem, 100%);
  margin-inline: auto;
  padding: 1.6rem 1.45rem;
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background:
    radial-gradient(
      circle at top,
      color-mix(in srgb, var(--primary-soft) 38%, transparent),
      transparent 55%
    ),
    color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow:
    0 18px 40px color-mix(in srgb, var(--ink) 8%, transparent),
    inset 0 1px color-mix(in srgb, white 20%, transparent);
}
.vm-base-resume-orb {
  position: relative;
  display: grid;
  place-items: center;
  width: 4.8rem;
  height: 4.8rem;
}
.vm-base-resume-orb-core,
.vm-base-resume-orb-ring {
  position: absolute;
  border-radius: 999px;
}
.vm-base-resume-orb-core {
  width: 1.2rem;
  height: 1.2rem;
  background: var(--primary);
  box-shadow: 0 0 0 0.7rem color-mix(in srgb, var(--primary) 16%, transparent);
  animation: vm-base-resume-pulse 1.7s ease-in-out infinite;
}
.vm-base-resume-orb-ring {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
  opacity: 0.45;
}
.vm-base-resume-orb-ring.is-one {
  animation: vm-base-resume-spin 7s linear infinite;
}
.vm-base-resume-orb-ring.is-two {
  top: 0.4rem;
  right: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  animation: vm-base-resume-spin 5.5s linear infinite reverse;
}
.vm-base-resume-orb-ring.is-three {
  top: 0.8rem;
  right: 0.8rem;
  bottom: 0.8rem;
  left: 0.8rem;
  animation: vm-base-resume-spin 4.2s linear infinite;
}
.vm-base-resume-progress {
  position: relative;
  width: 100%;
  height: 0.45rem;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 78%, transparent);
}
.vm-base-resume-progress-bar {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--vm-progress, 18%);
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--primary) 78%, white 8%),
    color-mix(in srgb, var(--primary) 58%, white 24%)
  );
  box-shadow: 0 0 18px color-mix(in srgb, var(--primary) 24%, transparent);
  transition: width 0.52s ease;
}
.vm-base-resume-copy {
  display: grid;
  gap: 0.7rem;
  width: 100%;
}
.vm-base-resume-line {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  font-weight: 700;
  opacity: 0.42;
  transform: translateY(8px);
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    color 0.22s ease;
}
.vm-base-resume-line.is-active {
  color: var(--text);
  opacity: 1;
  transform: translateY(0);
}
.vm-base-resume-line.is-done {
  color: var(--primary);
}
.vm-base-resume-line-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
}
.vm-base-resume-line-dot {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: currentColor;
}
.vm-base-resume-hint {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.6;
  text-align: center;
}
@keyframes vm-base-resume-pulse {
  0%,
  to {
    transform: scale(0.96);
    opacity: 0.88;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}
@keyframes vm-base-resume-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.vm-base-resume-preview-stage,
.vm-base-resume-preview-card {
  width: min(52rem, 100%);
}
.vm-base-resume-sheet {
  display: grid;
  gap: 1.05rem;
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  border-radius: 0.9rem;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, white 96%, var(--surface)),
      var(--surface)
    ),
    var(--surface);
  box-shadow:
    0 24px 70px color-mix(in srgb, var(--ink) 12%, transparent),
    0 0 0 1px color-mix(in srgb, white 68%, transparent) inset;
  text-align: left;
}
.vm-base-resume-sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.25rem;
  gap: 1.25rem;
  align-items: start;
  padding-bottom: 1.1rem;
  border-bottom: 2px solid color-mix(in srgb, var(--primary) 38%, var(--line));
}
.vm-base-resume-sheet-identity {
  display: grid;
  gap: 0.45rem;
}
.vm-base-resume-sheet-identity h2,
.vm-base-resume-sheet-section h3,
.vm-base-resume-sheet-item strong,
.vm-base-resume-sheet-section p,
.vm-base-resume-sheet-item p,
.vm-base-resume-sheet-meta {
  margin: 0;
}
.vm-base-resume-sheet-identity h2 {
  color: var(--ink);
  font-size: clamp(1.75rem, 3.4vw, 2.45rem);
  line-height: 1;
  letter-spacing: -0.045em;
}
.vm-base-resume-sheet-headline {
  color: var(--primary-dark);
  font-weight: 800;
}
.vm-base-resume-sheet-meta,
.vm-base-resume-sheet-section p,
.vm-base-resume-sheet-item p {
  color: color-mix(in srgb, var(--text) 72%, var(--muted));
  line-height: 1.6;
}
.vm-base-resume-sheet-photo-wrap {
  display: flex;
  justify-content: flex-end;
}
.vm-base-resume-sheet-photo {
  width: 5.25rem;
  height: 7rem;
  border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
  border-radius: 0.75rem;
  -o-object-fit: cover;
  object-fit: cover;
  background: var(--surface-soft);
  box-shadow: 0 14px 26px color-mix(in srgb, var(--ink) 10%, transparent);
}
.vm-base-resume-sheet-section {
  display: grid;
  gap: 0.55rem;
}
.vm-base-resume-sheet-section h3 {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
  color: var(--ink);
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.vm-base-resume-sheet-section.is-summary {
  padding: 0.95rem;
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--primary-soft) 36%, transparent);
}
.vm-base-resume-sheet-section.is-summary h3 {
  border-bottom-color: color-mix(in srgb, var(--primary) 28%, var(--line));
}
.vm-base-resume-sheet-list {
  display: grid;
  gap: 0.85rem;
}
.vm-base-resume-sheet-item {
  display: grid;
  gap: 0.3rem;
  padding-left: 0.75rem;
  border-left: 2px solid color-mix(in srgb, var(--primary) 22%, var(--line));
}
.vm-base-resume-sheet-item strong {
  color: var(--ink);
  line-height: 1.35;
}
.vm-base-resume-sheet-results {
  margin: 0;
  padding-left: 1.15rem;
  color: color-mix(in srgb, var(--text) 72%, var(--muted));
  line-height: 1.6;
}
.vm-base-resume-sheet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-base-resume-sheet-link {
  word-break: break-word;
}
.vm-base-resume-download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.75rem;
  min-width: 3.75rem;
  min-height: 3.75rem;
  height: 3.75rem;
  padding-inline: 0;
  border-radius: 999px;
}
.vm-adapt-resume-stage {
  width: min(46rem, 100%);
}
.vm-profile-complete-stage {
  width: min(42rem, 100%);
}
.vm-profile-complete-dialogue {
  display: grid;
  gap: 0.9rem;
  align-self: center;
  width: min(36rem, 100%);
  margin-inline: auto;
  text-align: center;
}
.vm-profile-complete-line {
  margin: 0;
  color: var(--muted);
  font-size: clamp(1.15rem, 2.7vw, 1.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;
  opacity: 0;
  transform: translateY(16px) scale(0.985);
  transition:
    opacity 0.42s ease,
    transform 0.52s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.42s ease;
}
.vm-profile-complete-line.is-visible {
  color: var(--ink);
  opacity: 1;
  transform: translateY(0) scale(1);
}
.vm-profile-complete-line:first-child {
  font-size: clamp(2.4rem, 5vw, 4rem);
  color: var(--primary-dark);
}
.vm-profile-complete-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  padding-inline: 0;
  border-radius: 999px;
}
.vm-adapt-resume-copy {
  align-self: start;
}
.vm-adapt-resume-form {
  display: grid;
  gap: 1rem;
  align-self: center;
  width: min(42rem, 100%);
  margin-inline: auto;
  text-align: left;
  animation: vm-stage-form-enter 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-adapt-resume-form textarea {
  min-height: 15rem;
}
.vm-adapt-resume-form.is-generating .vm-field.is-locked {
  opacity: 0.82;
}
.vm-adapt-resume-form.is-generating textarea {
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--surface) 82%, transparent),
    color-mix(in srgb, var(--primary-soft) 68%, var(--surface)),
    color-mix(in srgb, var(--surface) 82%, transparent)
  );
  background-size: 220% 100%;
  animation: vm-output-skeleton-shimmer 1.8s linear infinite;
}
.vm-adapt-lock-banner {
  display: flex;
  justify-content: flex-start;
}
.vm-adapt-resume-result {
  display: grid;
  gap: 0.25rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--line));
  border-radius: 1rem;
  background: color-mix(in srgb, var(--primary-soft) 36%, transparent);
  text-align: center;
}
.vm-adapt-resume-result strong {
  color: var(--ink);
}
.vm-adapt-resume-result span {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}
.vm-loader-spin.is-button {
  width: 1rem;
  height: 1rem;
  border-width: 2px;
}
.action-buttons-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  overflow: visible;
}
.pdf-action-slot {
  display: flex;
  justify-content: flex-end;
  width: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translate(0.5rem);
  transition:
    width 0.25s ease,
    opacity 0.15s ease,
    transform 0.25s ease;
}
.pdf-action-slot.is-visible {
  width: 10.5rem;
  opacity: 1;
  overflow: visible;
  transform: translate(0);
}
.pdf-action-slot > * {
  min-width: 10.5rem;
}
.vm-inline-offers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.vm-offer-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
}
.vm-offer-copy {
  margin: 0.25rem 0 0;
  font-size: 0.9rem;
}
.vm-offer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.6rem;
}
.vm-helper-text,
.vm-error-text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
}
.vm-error-text {
  color: var(--danger);
}
.vm-wizard-step-error {
  width: min(34rem, 100%);
  margin: 1rem auto 0;
  text-align: center;
}
.vm-plans-page {
  overflow: hidden;
}
.vm-plans-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  width: min(70rem, calc(100% - 3rem));
  height: calc(100dvh - 4.5rem);
  margin: 0 auto;
  padding: clamp(1.2rem, 2.5vw, 2rem) 0;
}
.vm-plans-main.is-checkout {
  grid-template-rows: 1fr;
  gap: 0;
  padding: 0.75rem 0 1rem;
}
.vm-plans-hero {
  max-width: 42rem;
}
.vm-plans-hero h1 {
  margin: 0.45rem 0 0;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.vm-plans-hero p {
  max-width: 34rem;
  margin: 0.65rem 0 0;
  font-size: 1rem;
  line-height: 1.55;
}
.vm-profile-boost-shell {
  gap: 1rem;
}
.vm-interview-sim-shell {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 1rem;
}
.vm-profile-boost-card {
  position: relative;
  display: grid;
  gap: 1.1rem;
  padding: 1.1rem;
  background: transparent !important;
  box-shadow: none !important;
}
.vm-interview-sim-card {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
  min-height: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.vm-interview-sim-card:not(.is-loading):not(.is-chatting) {
  min-height: 31rem;
  align-content: start;
}
.vm-interview-sim-card.is-loading,
.vm-interview-sim-card.is-chatting {
  min-height: 0;
  height: 100%;
}
.vm-interview-sim-loading-state {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  place-items: center;
  gap: 1rem;
  padding: 1.6rem;
  text-align: center;
  background:
    radial-gradient(
      circle at 18% 16%,
      rgba(111, 84, 255, 0.14),
      transparent 28%
    ),
    radial-gradient(
      circle at 82% 84%,
      rgba(82, 114, 255, 0.12),
      transparent 30%
    ),
    #ffffffc2;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 1.35rem;
  z-index: 2;
}
.vm-interview-sim-loading-orb {
  position: relative;
  width: 7.6rem;
  height: 7.6rem;
  display: grid;
  place-items: center;
}
.vm-interview-sim-loading-ring,
.vm-interview-sim-loading-core {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 999px;
}
.vm-interview-sim-loading-ring.is-outer {
  border: 1px solid rgba(111, 84, 255, 0.18);
  animation: vm-interview-ring 2.6s linear infinite;
}
.vm-interview-sim-loading-ring.is-inner {
  top: 0.9rem;
  right: 0.9rem;
  bottom: 0.9rem;
  left: 0.9rem;
  border: 1px solid rgba(82, 114, 255, 0.22);
  animation: vm-interview-ring 1.8s linear infinite reverse;
}
.vm-interview-sim-loading-core {
  top: 1.75rem;
  right: 1.75rem;
  bottom: 1.75rem;
  left: 1.75rem;
  display: grid;
  place-items: center;
  color: #6f54ff;
  background: linear-gradient(180deg, #fffffffa, #f4f0fff5);
  box-shadow:
    0 18px 36px #6f54ff2e,
    inset 0 1px #ffffffe0;
}
.vm-interview-sim-loading-copy {
  display: grid;
  gap: 0.52rem;
}
.vm-interview-sim-loading-copy strong {
  color: #111827;
  font-size: 1rem;
}
.vm-interview-sim-loading-copy p {
  margin: 0;
  max-width: 26rem;
  color: #6b7280;
  line-height: 1.6;
}
.vm-interview-sim-form,
.vm-interview-sim-chat,
.vm-interview-sim-feedback {
  display: grid;
  gap: 1rem;
}
.vm-interview-sim-chat {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.vm-interview-sim-intro {
  display: grid;
  gap: 0.55rem;
}
.vm-interview-sim-intro h3,
.vm-interview-sim-feedback-card h3,
.vm-interview-sim-feedback-note h3 {
  margin: 0;
  color: #111827;
}
.vm-interview-sim-intro p,
.vm-interview-sim-feedback-summary p,
.vm-interview-sim-feedback-note p {
  margin: 0;
  color: #6b7280;
  line-height: 1.65;
}
.vm-interview-sim-start {
  width: -moz-fit-content;
  width: fit-content;
}
.vm-interview-sim-chat-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.2rem;
}
.vm-interview-sim-chat-topbar > div {
  display: grid;
  gap: 0.18rem;
}
.vm-interview-sim-chat-topbar strong {
  color: #111827;
}
.vm-interview-sim-chat-topbar span {
  color: #6b7280;
  font-size: 0.88rem;
}
.vm-interview-sim-thread {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 0.9rem;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: 0.25rem 0.9rem 0.35rem;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.vm-interview-sim-bubble {
  position: relative;
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  max-width: min(calc(100% - 0.75rem), 44rem);
  display: inline-grid;
  gap: 0.42rem;
  padding: 0.95rem 1rem 0.92rem;
  border-radius: 1.3rem;
  background: #ffffffe0;
  box-shadow:
    inset 0 0 0 1px #e2e8f0d9,
    0 16px 32px #0f172a0d;
  transform-origin: top left;
  opacity: 0;
  transform: translateY(0.45rem) scale(0.985);
}
.vm-interview-sim-bubble.is-user {
  margin-left: auto;
  background: linear-gradient(180deg, #6f54ff1a, #6f54ff0d);
  transform-origin: top right;
}
.vm-interview-sim-bubble.is-visible {
  animation: vm-interview-bubble-in 0.28s cubic-bezier(0.22, 1, 0.36, 1)
    forwards;
}
.vm-interview-sim-bubble:after {
  content: "";
  position: absolute;
  top: 1rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.18rem;
  transform: rotate(45deg);
  background: #ffffffe0;
  box-shadow: inset 1px 1px #e2e8f0b8;
}
.vm-interview-sim-bubble.is-assistant:after {
  left: -0.32rem;
}
.vm-interview-sim-bubble.is-user:after {
  right: -0.32rem;
  background: #f6f2fff5;
  box-shadow: inset -1px -1px #c4b5fd57;
}
.vm-interview-sim-bubble-label {
  color: #6f54ff;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.vm-interview-sim-bubble p {
  margin: 0;
  color: #1f2937;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.vm-interview-sim-typing-row {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}
.vm-interview-sim-typing-row strong {
  color: #6f54ff;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  animation: vm-interview-typing-fade 1.3s ease-in-out infinite;
}
.vm-interview-sim-thinking-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.vm-interview-sim-thinking-dots span {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #6f54ff80;
  animation: vm-profile-boost-dot 1.1s ease-in-out infinite;
}
.vm-interview-sim-thinking-dots span:nth-child(2) {
  animation-delay: 0.12s;
}
.vm-interview-sim-thinking-dots span:nth-child(3) {
  animation-delay: 0.24s;
}
.vm-interview-sim-composer {
  display: grid;
  flex: 0 0 auto;
  gap: 0.55rem;
  position: static;
  z-index: 4;
  padding-top: 0.35rem;
  background: linear-gradient(180deg, #fafafa00, #fafafac7 24%, #fafafa);
}
.vm-interview-sim-composer-bar {
  display: flex;
  align-items: flex-end;
  gap: 0.7rem;
  padding: 0.7rem 0.78rem 0.72rem 0.9rem;
  border-radius: 1.5rem;
  background: linear-gradient(180deg, #fffffff5, #f9fafff0);
  box-shadow:
    0 20px 36px #0f172a0f,
    inset 0 0 0 1px #e2e8f0e6;
}
.vm-interview-sim-composer textarea {
  flex: 1;
  min-width: 0;
  min-height: 2.9rem;
  max-height: 10rem;
  padding: 0.7rem 0.15rem 0.55rem 0.05rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111827;
  line-height: 1.65;
  resize: none;
  box-shadow: none;
}
.vm-interview-sim-composer textarea:focus {
  outline: none;
  background: transparent;
  box-shadow: none;
}
.vm-interview-sim-send,
.vm-interview-sim-restart {
  width: -moz-fit-content;
  width: fit-content;
}
.vm-interview-sim-send {
  flex: 0 0 auto;
  width: 3.15rem;
  min-width: 3.15rem;
  height: 3.15rem;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(180deg, #7c3aed, #6f54ff);
  box-shadow:
    0 14px 28px #6f54ff3d,
    inset 0 1px #ffffff47;
}
.vm-interview-sim-send svg {
  flex: 0 0 auto;
}
.vm-interview-sim-send:hover:not(:disabled) {
  background: linear-gradient(180deg, #6f54ff, #5b3df5);
}
.vm-interview-sim-send:disabled {
  color: #ffffffc7;
  background: linear-gradient(180deg, #7c3aedb3, #6f54ffb3);
}
.vm-interview-sim-feedback-summary {
  display: grid;
  justify-items: center;
  gap: 0.48rem;
  max-width: 42rem;
  margin: 0 auto 0.35rem;
  text-align: center;
}
.vm-interview-sim-feedback-summary strong {
  color: #111827;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
  letter-spacing: -0.045em;
}
.vm-cv-manager-content.is-interview-active {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 0.5rem;
  overflow: hidden;
}
.vm-cv-manager-content.is-interview-active > .vm-interview-sim-shell {
  min-height: 0;
  height: 100%;
  grid-template-rows: minmax(0, 1fr);
}
.vm-cv-manager-content.is-interview-active .vm-interview-sim-card,
.vm-cv-manager-content.is-interview-active .vm-interview-sim-chat,
.vm-cv-manager-content.is-interview-finished .vm-interview-sim-card,
.vm-cv-manager-content.is-interview-finished .vm-interview-sim-feedback {
  min-height: 0;
  height: 100%;
}
.vm-cv-manager-content.is-interview-active .vm-interview-sim-thread {
  align-content: initial;
}
.vm-cv-manager-content.is-interview-section:not(.is-interview-active)
  > .vm-cv-manager-footer {
  display: none;
}
.vm-cv-manager-content.is-interview-active > .vm-cv-manager-footer {
  display: none;
}
.vm-interview-sim-feedback-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  padding-top: 0.45rem;
}
.vm-interview-sim-feedback-list {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  padding-top: 0.2rem;
}
.vm-interview-sim-feedback-list-head {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}
.vm-interview-sim-feedback-list-head svg {
  color: #6f54ff;
}
.vm-interview-sim-feedback-list.is-good
  .vm-interview-sim-feedback-list-head
  svg {
  color: #10b981;
}
.vm-interview-sim-feedback-list-head h3,
.vm-interview-sim-feedback-note h3 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
}
.vm-interview-sim-feedback-list ul {
  margin: 0;
  display: grid;
  gap: 0.78rem;
  padding: 0;
  list-style: none;
}
.vm-interview-sim-feedback-list li {
  display: grid;
  grid-template-columns: 0.55rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: start;
  color: #374151;
  line-height: 1.6;
}
.vm-interview-sim-feedback-list li > span {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.52rem;
  border-radius: 999px;
  background: #6f54ff;
  box-shadow: 0 0 0 0.22rem #6f54ff1a;
}
.vm-interview-sim-feedback-list.is-good li > span {
  background: #10b981;
  box-shadow: 0 0 0 0.22rem #10b9811f;
}
.vm-interview-sim-feedback-list li p {
  margin: 0;
}
.vm-interview-sim-feedback-note {
  position: relative;
  display: grid;
  gap: 0.42rem;
  max-width: 46rem;
  margin-top: 0.25rem;
  padding: 0.2rem 0 0 1.05rem;
}
.vm-interview-sim-feedback-note-line {
  position: absolute;
  top: 0.25rem;
  bottom: 0.15rem;
  left: 0;
  width: 0.22rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #6f54ff, #8b5cf6);
}
.vm-interview-sim-feedback-note p {
  margin: 0;
  color: #4b5563;
  line-height: 1.65;
}
@keyframes vm-interview-bubble-in {
  0% {
    opacity: 0;
    transform: translateY(0.45rem) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-interview-typing-fade {
  0%,
  to {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
.vm-profile-boost-card.is-loading {
  min-height: clamp(27rem, 58vh, 38rem);
}
.vm-profile-boost-card.is-loading .vm-profile-boost-form,
.vm-profile-boost-card.is-loading .vm-profile-boost-results {
  visibility: hidden;
}
.vm-profile-boost-card.has-result .vm-profile-boost-form {
  display: none;
}
.vm-profile-boost-loading-state {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.35rem;
  padding: clamp(2rem, 5vw, 3.5rem) 1.6rem;
  text-align: center;
  background:
    radial-gradient(
      circle at 20% 18%,
      rgba(111, 84, 255, 0.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 82%,
      rgba(82, 114, 255, 0.12),
      transparent 28%
    ),
    #ffffffc2;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 1.35rem;
  z-index: 2;
}
.vm-profile-boost-loading-visual {
  position: relative;
  width: min(100%, 24rem);
  height: 14.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vm-profile-boost-loading-glow {
  position: absolute;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  filter: blur(18px);
  opacity: 0.58;
  animation: vm-profile-boost-float 4s ease-in-out infinite;
}
.vm-profile-boost-loading-glow.is-left {
  left: 0.4rem;
  background: #6f54ff33;
}
.vm-profile-boost-loading-glow.is-right {
  right: 0.4rem;
  background: #4c9aff2e;
  animation-delay: -2s;
}
.vm-profile-boost-loading-stack {
  position: relative;
  width: 8rem;
  height: 11.2rem;
}
.vm-profile-boost-loading-card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1.2rem;
  background: #ffffffe0;
  border: 1px solid rgba(111, 84, 255, 0.08);
  box-shadow:
    0 18px 36px #6f54ff1a,
    inset 0 1px #ffffffb3;
}
.vm-profile-boost-loading-card.is-back {
  transform: translate(-1rem, 0.7rem) scale(0.9) rotate(-7deg);
  opacity: 0.42;
}
.vm-profile-boost-loading-card.is-middle {
  transform: translate(-0.18rem, 0.18rem) scale(0.95) rotate(-3deg);
  opacity: 0.78;
  padding: 1rem 0.8rem;
  display: grid;
  align-content: center;
  gap: 0.62rem;
}
.vm-profile-boost-loading-card.is-front {
  transform: translate(0.72rem, -0.08rem) rotate(4deg);
  padding: 0.95rem 0.78rem 0.92rem;
  display: grid;
  gap: 0.62rem;
  animation: vm-profile-boost-card-drift 2.4s ease-in-out infinite;
}
.vm-profile-boost-loading-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6f54ff;
}
.vm-profile-boost-loading-chip {
  min-height: 1.4rem;
  padding: 0 0.52rem;
  border-radius: 999px;
  background: #6f54ff1a;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  display: inline-flex;
  align-items: center;
}
.vm-profile-boost-loading-line {
  display: block;
  height: 0.4rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f54ff1f, #6f54ff4d, #6f54ff1f);
  background-size: 180% 100%;
  animation: vm-profile-boost-rail 1.6s linear infinite;
}
.vm-profile-boost-loading-line.is-title {
  width: 78%;
}
.vm-profile-boost-loading-line.is-short {
  width: 54%;
}
.vm-profile-boost-loading-copy {
  display: grid;
  gap: 0.7rem;
  justify-items: center;
}
.vm-profile-boost-loading-badges {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vm-profile-boost-loading-badges span {
  min-height: 1.8rem;
  padding: 0 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(111, 84, 255, 0.14);
  background: #ffffffad;
  color: #6b5ae6;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.vm-profile-boost-loading-state strong {
  color: #111827;
  font-size: 1.02rem;
  font-weight: 800;
}
.vm-profile-boost-loading-state p {
  margin: 0;
  max-width: 29rem;
  color: #6b7280;
  line-height: 1.6;
}
.vm-profile-boost-loading-dots {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}
.vm-profile-boost-loading-dots span {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #6f54ff85;
  animation: vm-profile-boost-dot 1.1s ease-in-out infinite;
}
.vm-profile-boost-loading-dots span:nth-child(2) {
  animation-delay: 0.12s;
}
.vm-profile-boost-loading-dots span:nth-child(3) {
  animation-delay: 0.24s;
}
.vm-profile-boost-form {
  display: grid;
  gap: 0.9rem;
}
.vm-profile-boost-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(18rem, 3fr);
  gap: 1.4rem;
  align-items: start;
}
.vm-profile-boost-form .vm-profile-boost-form-layout,
.vm-interview-sim-form .vm-profile-boost-form-layout {
  grid-template-columns: minmax(0, 44rem);
  justify-content: center;
}
.vm-profile-boost-form-main {
  display: grid;
  gap: 0.9rem;
}
.vm-profile-boost-preview-stage {
  display: flex;
  justify-content: center;
  padding-top: 0.1rem;
}
.vm-profile-boost-preview-real,
.vm-profile-boost-preview-rendering {
  width: min(100%, 19rem);
  min-height: 27rem;
  aspect-ratio: 1 / 1.414;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.vm-profile-boost-preview-real .vm-pdf-preview-image {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  box-shadow: 0 22px 50px #0f172a14;
}
.vm-profile-boost-preview-skeleton,
.vm-profile-boost-preview-skeleton-page {
  width: 100%;
  height: 100%;
}
.vm-profile-boost-preview-skeleton-page {
  padding: 1rem 0.95rem;
  border-radius: 1rem;
  background:
    radial-gradient(circle at top, rgba(111, 84, 255, 0.12), transparent 42%),
    linear-gradient(180deg, #fffffffa, #f5f7fff0);
  box-shadow:
    0 22px 50px #0f172a14,
    0 0 0 1px #e2e8f0b8;
  display: grid;
  align-content: start;
  gap: 0.9rem;
  overflow: hidden;
}
.vm-profile-boost-preview-skeleton-top {
  display: grid;
  grid-template-columns: 2.9rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
}
.vm-profile-boost-preview-skeleton-avatar,
.vm-profile-boost-preview-skeleton-head span,
.vm-profile-boost-preview-skeleton-body > span,
.vm-profile-boost-preview-skeleton-tags span {
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f54ff14, #6f54ff33, #6f54ff14);
  background-size: 220% 100%;
  animation: vm-profile-boost-preview-shimmer 1.8s linear infinite;
}
.vm-profile-boost-preview-skeleton-avatar {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 0.95rem;
}
.vm-profile-boost-preview-skeleton-head {
  display: grid;
  gap: 0.36rem;
}
.vm-profile-boost-preview-skeleton-head .is-name {
  width: 72%;
  height: 0.78rem;
}
.vm-profile-boost-preview-skeleton-head .is-role {
  width: 52%;
  height: 0.58rem;
}
.vm-profile-boost-preview-skeleton-head .is-meta {
  width: 88%;
  height: 0.48rem;
}
.vm-profile-boost-preview-skeleton-body {
  display: grid;
  gap: 0.42rem;
}
.vm-profile-boost-preview-skeleton-body > span {
  width: 100%;
  height: 0.38rem;
}
.vm-profile-boost-preview-skeleton-body > span.is-title {
  width: 30%;
  height: 0.42rem;
  margin-top: 0.22rem;
}
.vm-profile-boost-preview-skeleton-body > span.is-short {
  width: 74%;
}
.vm-profile-boost-preview-skeleton-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  padding-top: 0.28rem;
}
.vm-profile-boost-preview-skeleton-tags span {
  width: 3.2rem;
  height: 1.18rem;
}
.vm-profile-boost-preview-image-sheet {
  width: min(100%, 19rem);
  min-height: 27rem;
  aspect-ratio: 1 / 1.414;
  display: grid;
  place-items: center;
}
.vm-profile-boost-preview-image-page {
  width: 100%;
  height: 100%;
  padding: 1.05rem 0.95rem;
  border-radius: 1.1rem;
  background: #fffffff5;
  box-shadow:
    0 22px 50px #0f172a14,
    0 0 0 1px #e2e8f0b8;
  display: grid;
  align-content: start;
  gap: 0.85rem;
  overflow: hidden;
}
.vm-profile-boost-preview-image-top {
  display: grid;
  grid-template-columns: 2.9rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
}
.vm-profile-boost-preview-avatar {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #6f54ff33, #6f54ff0f);
}
.vm-profile-boost-preview-head-lines {
  display: grid;
  gap: 0.36rem;
}
.vm-profile-boost-preview-head-lines span,
.vm-profile-boost-preview-section-title,
.vm-profile-boost-preview-line,
.vm-profile-boost-preview-image-skills span {
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f54ff29, #6f54ff14);
}
.vm-profile-boost-preview-head-lines .is-name {
  width: 72%;
  height: 0.78rem;
}
.vm-profile-boost-preview-head-lines .is-role {
  width: 52%;
  height: 0.58rem;
}
.vm-profile-boost-preview-head-lines .is-meta {
  width: 88%;
  height: 0.48rem;
}
.vm-profile-boost-preview-image-section {
  display: grid;
  gap: 0.52rem;
}
.vm-profile-boost-preview-section-title {
  width: 30%;
  height: 0.42rem;
  background: linear-gradient(90deg, #6f54ff42, #6f54ff1f);
}
.vm-profile-boost-preview-block {
  display: grid;
  gap: 0.34rem;
  padding: 0.12rem 0;
}
.vm-profile-boost-preview-block.is-compact {
  gap: 0.28rem;
}
.vm-profile-boost-preview-line {
  width: 100%;
  height: 0.38rem;
}
.vm-profile-boost-preview-line.is-medium {
  width: 64%;
}
.vm-profile-boost-preview-line.is-short {
  width: 78%;
}
.vm-profile-boost-preview-image-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  padding-top: 0.2rem;
}
.vm-profile-boost-preview-image-skills span {
  width: 3.2rem;
  height: 1.18rem;
  border-radius: 999px;
}
.vm-profile-boost-preview-empty {
  width: min(100%, 19rem);
  min-height: 27rem;
  aspect-ratio: 1 / 1.414;
  display: grid;
  place-items: center;
  gap: 0.6rem;
  text-align: center;
  color: #94a3b8;
}
.vm-profile-boost-preview-empty p {
  margin: 0;
  max-width: 13rem;
  font-size: 0.84rem;
  line-height: 1.55;
}
.vm-profile-boost-intro-card {
  display: grid;
  gap: 1.15rem;
  padding: 1.1rem 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}
.vm-profile-boost-intro-visual {
  position: relative;
  min-height: 11.5rem;
  border-radius: 1.35rem;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 50% 32%,
      rgba(125, 92, 255, 0.24),
      transparent 34%
    ),
    linear-gradient(135deg, #f7f6fff2, #eef6ffd1);
}
.vm-profile-boost-intro-visual:before {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  border-radius: inherit;
  border: 1px dashed rgba(111, 84, 255, 0.2);
  opacity: 0.75;
}
.vm-profile-boost-intro-orb {
  position: absolute;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  filter: blur(22px);
  opacity: 0.55;
}
.vm-profile-boost-intro-orb.is-left {
  left: 18%;
  top: 22%;
  background: #6f54ff57;
}
.vm-profile-boost-intro-orb.is-right {
  right: 18%;
  bottom: 18%;
  background: #4f8cff3d;
}
.vm-profile-boost-intro-document {
  position: relative;
  z-index: 1;
  width: 7.4rem;
  min-height: 9.2rem;
  padding: 1.25rem 1.05rem;
  border-radius: 1.25rem;
  display: grid;
  align-content: center;
  gap: 0.68rem;
  background: #ffffffeb;
  border: 1px solid rgba(111, 84, 255, 0.1);
  box-shadow: 0 26px 70px #4939912e;
  transform: rotate(-3deg);
  animation: vm-profile-boost-intro-float 4.2s ease-in-out infinite;
}
.vm-profile-boost-intro-document span {
  height: 0.48rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f54ff52, #4f8cff2e);
}
.vm-profile-boost-intro-document span:first-child {
  width: 52%;
  height: 0.72rem;
  background: #6f54ff33;
}
.vm-profile-boost-intro-document span:nth-child(2) {
  width: 82%;
}
.vm-profile-boost-intro-document span:nth-child(3) {
  width: 64%;
}
.vm-profile-boost-intro-document svg {
  position: absolute;
  right: -0.75rem;
  top: 1.35rem;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0.5rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #6f54ff, #4f8cff);
  box-shadow: 0 14px 34px #6f54ff5c;
}
.vm-profile-boost-intro-path {
  position: absolute;
  z-index: 2;
  bottom: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
.vm-profile-boost-intro-path span {
  min-height: 1.75rem;
  padding: 0 0.72rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5b38e5;
  font-size: 0.74rem;
  font-weight: 900;
  background: #ffffffdb;
  border: 1px solid rgba(111, 84, 255, 0.14);
  box-shadow: 0 10px 28px #6f54ff1a;
}
.vm-profile-boost-intro-head {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.vm-profile-boost-intro-eyebrow {
  margin: 0 0 0.45rem;
  color: #6f54ff;
  font-size: 0.95rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-profile-boost-intro-head h2 {
  margin: 0;
  color: #111827;
  font-size: 1.24rem;
  line-height: 1.2;
}
.vm-profile-boost-credit-badge {
  flex-shrink: 0;
  min-height: 2rem;
  padding: 0 0.9rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6f54ff1f;
  color: #5b38e5;
  font-size: 0.8rem;
  font-weight: 900;
}
.vm-profile-boost-intro-text {
  margin: 0;
  color: #4b5563;
  line-height: 1.7;
  text-align: center;
  max-width: 48rem;
  justify-self: center;
}
.vm-profile-boost-flow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}
.vm-profile-boost-flow-card {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 0.55rem;
  padding: 1rem 0.95rem;
  border-radius: 1.1rem;
  background: #ffffffb8;
  border: 0;
}
.vm-profile-boost-flow-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6f54ff;
  background: transparent;
  box-shadow: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-profile-boost-flow-card:hover .vm-profile-boost-flow-icon,
.vm-profile-boost-flow-card:focus-within .vm-profile-boost-flow-icon {
  transform: scale(1.08);
  box-shadow: none;
}
.vm-profile-boost-flow-icon svg {
  width: 1.45rem;
  height: 1.45rem;
  stroke: url(#vm-profile-boost-icon-gradient);
}
.vm-interview-sim-flow-icon svg {
  stroke: url(#vm-interview-sim-icon-gradient);
}
.vm-profile-boost-icon-gradient-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.vm-profile-boost-flow-card strong {
  color: #111827;
  font-size: 0.9rem;
}
.vm-profile-boost-flow-card p {
  margin: 0;
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.55;
}
.vm-profile-boost-intro-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.65rem;
  color: #6b7280;
  font-size: 0.88rem;
  text-align: center;
  flex-wrap: wrap;
}
.vm-profile-boost-resume-footer {
  margin-top: 1.45rem;
}
.vm-profile-boost-job-footer {
  justify-content: center;
  margin-top: 0.95rem;
  width: 100%;
}
.vm-profile-boost-intro-footer .vm-profile-boost-submit {
  width: auto;
  min-width: 11rem;
  flex-shrink: 0;
}
.vm-profile-boost-back {
  width: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  border-radius: 1rem;
  transition:
    color 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.vm-profile-boost-back:hover,
.vm-profile-boost-back:focus-visible {
  border-color: #6f54ff61;
  color: #5b38e5;
  background: #6f54ff1a;
  box-shadow: 0 14px 34px #6f54ff24;
  transform: translateY(-1px);
}
.vm-profile-boost-intro-footer strong {
  color: #111827;
  font-size: 0.92rem;
}
.vm-profile-boost-resume-step,
.vm-profile-boost-form,
.vm-interview-sim-form {
  animation: vm-profile-boost-step-in 0.26s ease both;
}
.vm-profile-boost-intro-card.is-back,
.vm-profile-boost-resume-step.is-back,
.vm-profile-boost-form.is-back,
.vm-interview-sim-form.is-back {
  animation: vm-profile-boost-step-back-in 0.26s ease both;
}
.vm-profile-boost-step-head {
  max-width: 44rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}
.vm-profile-boost-step-head h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.45rem, 2.8vw, 2.25rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
}
.vm-profile-boost-step-head p:not(.vm-profile-boost-intro-eyebrow) {
  margin: 0.7rem auto 0;
  max-width: 36rem;
  color: #64748b;
  line-height: 1.65;
}
.vm-profile-boost-selected-resume {
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background:
    radial-gradient(circle at 0% 0%, rgba(111, 84, 255, 0.1), transparent 36%),
    #ffffffb8;
  box-shadow: inset 0 0 0 1px #6f54ff1a;
}
.vm-profile-boost-selected-resume span {
  color: #6b7280;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-profile-boost-selected-resume strong {
  min-width: 0;
  color: #111827;
  font-size: 0.95rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-profile-boost-resume-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.vm-profile-boost-resume-card {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(111, 84, 255, 0.12);
  border-radius: 1.35rem;
  padding: 0.85rem;
  display: grid;
  gap: 0.8rem;
  text-align: left;
  cursor: pointer;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(111, 84, 255, 0.08),
      transparent 36%
    ),
    #ffffffdb;
  box-shadow: 0 18px 42px #0f172a0f;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-profile-boost-resume-card:hover,
.vm-profile-boost-resume-card:focus-visible {
  outline: none;
  transform: translateY(-3px);
  border-color: #6f54ff52;
  box-shadow: 0 24px 56px #6f54ff29;
}
.vm-profile-boost-resume-card.is-selected {
  border-color: #6f54ffb8;
  box-shadow:
    0 24px 60px #6f54ff2e,
    inset 0 0 0 1px #6f54ff38;
}
.vm-profile-boost-resume-card-preview {
  height: 15rem;
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fafceb, #eff6ffd1);
  display: grid;
  place-items: center;
}
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-stage {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0.65rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-real,
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-rendering {
  width: 100%;
  height: 100%;
}
.vm-profile-boost-resume-card-preview
  .vm-profile-boost-preview-real
  .vm-pdf-preview-image {
  height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 0.28rem;
  box-shadow: 0 14px 28px #0f172a24;
}
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-skeleton,
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-skeleton-page {
  height: 100%;
}
.vm-profile-boost-resume-card-preview .vm-profile-boost-preview-empty {
  min-height: 100%;
  padding: 1rem;
  text-align: center;
}
.vm-profile-boost-resume-card-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.vm-profile-boost-resume-card-copy strong {
  min-width: 0;
  color: #111827;
  font-size: 0.98rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-profile-boost-resume-card-copy span {
  flex-shrink: 0;
  color: #6f54ff;
  font-size: 0.74rem;
  font-weight: 900;
}
.vm-profile-boost-field {
  display: grid;
  gap: 0.45rem;
}
.vm-profile-boost-field span {
  color: #111827;
  font-size: 0.86rem;
  font-weight: 800;
}
.vm-profile-boost-field small {
  color: #6b7280;
  font-size: 0.82rem;
  line-height: 1.55;
}
.vm-profile-boost-field input,
.vm-profile-boost-field select,
.vm-profile-boost-field textarea {
  width: 100%;
  border: 1px solid rgba(209, 213, 219, 0.95);
  border-radius: 1rem;
  background: #f9fafbe6;
  color: #111827;
  font: inherit;
  padding: 0.95rem 1rem;
  resize: vertical;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
.vm-profile-boost-field input:focus,
.vm-profile-boost-field select:focus,
.vm-profile-boost-field textarea:focus {
  outline: none;
  border-color: #6f54ff73;
  background: #fff;
  box-shadow: 0 0 0 4px #6f54ff1a;
}
.vm-profile-boost-submit,
.vm-profile-boost-teaser-action,
.vm-profile-boost-project-action {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 13rem;
}
.vm-profile-boost-teaser-action {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6a4df5;
  box-shadow: 0 14px 30px #6f54ff3d;
  color: #fff;
}
.vm-profile-boost-teaser-action:hover:not(:disabled),
.vm-profile-boost-teaser-action:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff);
  border-color: #6246f5;
  box-shadow: 0 18px 34px #6f54ff4d;
  color: #fff;
}
.vm-profile-boost-submit {
  min-width: 15rem;
}
.vm-profile-boost-results {
  display: grid;
  gap: 1rem;
}
.vm-profile-boost-results-footer {
  display: flex;
  justify-content: center;
  padding-top: 0.4rem;
}
.vm-profile-boost-inline-error {
  display: grid;
  gap: 0.75rem;
}
.vm-profile-boost-plans-button {
  width: -moz-fit-content;
  width: fit-content;
}
.vm-profile-boost-reset {
  min-width: 13rem;
}
.vm-profile-boost-reset:hover:not(:disabled),
.vm-profile-boost-reset:focus-visible {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6a4df5;
  box-shadow: 0 16px 30px #6f54ff38;
  color: #fff;
}
.vm-profile-boost-summary-card {
  padding: 0.15rem 0;
}
.vm-profile-boost-summary-card p {
  margin: 0;
  color: #4b5563;
  line-height: 1.7;
}
.vm-profile-boost-proof-grid,
.vm-profile-boost-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.vm-profile-boost-proof-card,
.vm-profile-boost-project-card,
.vm-profile-boost-action-card,
.vm-profile-boost-teaser-card {
  border-radius: 1.2rem;
}
.vm-profile-boost-proof-card,
.vm-profile-boost-project-card {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  background: transparent;
  box-shadow: none;
}
.vm-profile-boost-proof-card.is-good,
.vm-profile-boost-proof-card.is-missing {
  background: transparent;
}
.vm-profile-boost-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.vm-profile-boost-chip,
.vm-profile-boost-empty {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.78rem;
  border-radius: 0.9rem;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 0 0 1px transparent;
}
.vm-profile-boost-chip.is-good {
  background: linear-gradient(180deg, #ecfdf5f5, #dcfce7eb);
  color: #166534;
  box-shadow: inset 0 0 0 1px #22c55e24;
}
.vm-profile-boost-chip.is-missing {
  background: linear-gradient(180deg, #f5f3fff5, #ede9feeb);
  color: #5b38e5;
  box-shadow: inset 0 0 0 1px #6f54ff1f;
}
.vm-profile-boost-empty {
  background: #f3f4f6d1;
  color: #6b7280;
}
.vm-profile-boost-action-card {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  background: transparent;
  box-shadow: none;
}
.vm-profile-boost-project-card {
  align-content: start;
}
.vm-profile-boost-project-head {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.vm-profile-boost-project-icon {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6f54ff1f;
  color: #5b38e5;
  flex: 0 0 auto;
}
.vm-profile-boost-project-head small {
  display: block;
  margin-bottom: 0.18rem;
  color: #6b7280;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-profile-boost-project-head h4 {
  margin: 0;
  color: #111827;
  font-size: 1.02rem;
  line-height: 1.2;
}
.vm-profile-boost-project-card p {
  margin: 0;
  color: #64748b;
  line-height: 1.55;
}
.vm-profile-boost-project-meta {
  display: grid;
  gap: 0.7rem;
}
.vm-profile-boost-project-meta > div {
  display: grid;
  gap: 0.16rem;
}
.vm-profile-boost-project-meta span {
  color: #6b7280;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.vm-profile-boost-project-meta strong {
  color: #111827;
  font-size: 0.92rem;
  line-height: 1.45;
}
.vm-profile-boost-project-action.is-added {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: #169b46;
  box-shadow: 0 14px 28px #16a34a2e;
}
.vm-profile-boost-teaser-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: transparent;
}
[data-theme="dark"] .vm-profile-boost-field span,
[data-theme="dark"] .vm-profile-boost-intro-head h2,
[data-theme="dark"] .vm-profile-boost-flow-card strong,
[data-theme="dark"] .vm-profile-boost-intro-footer strong,
[data-theme="dark"] .vm-profile-boost-project-head h4,
[data-theme="dark"] .vm-profile-boost-project-meta strong {
  color: #f9fafb;
}
[data-theme="dark"] .vm-profile-boost-intro-card {
  background:
    radial-gradient(
      circle at top right,
      rgba(111, 84, 255, 0.14),
      transparent 30%
    ),
    linear-gradient(180deg, #0f172ae0, #0f172ac7);
  border-color: #8b7bff1f;
}
[data-theme="dark"] .vm-profile-boost-flow-card {
  background: #0f172ab8;
  border-color: #8b7bff1f;
}
[data-theme="dark"] .vm-profile-boost-resume-card {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(111, 84, 255, 0.16),
      transparent 36%
    ),
    #0f172ab8;
  border-color: #94a3b829;
}
[data-theme="dark"] .vm-profile-boost-resume-card-copy strong,
[data-theme="dark"] .vm-profile-boost-selected-resume strong,
[data-theme="dark"] .vm-profile-boost-step-head h2 {
  color: #f3f4f6;
}
[data-theme="dark"] .vm-profile-boost-intro-text,
[data-theme="dark"]
  .vm-profile-boost-step-head
  p:not(.vm-profile-boost-intro-eyebrow),
[data-theme="dark"] .vm-profile-boost-selected-resume span,
[data-theme="dark"] .vm-profile-boost-flow-card p,
[data-theme="dark"] .vm-profile-boost-intro-footer,
[data-theme="dark"] .vm-profile-boost-field small {
  color: #cbd5e1;
}
[data-theme="dark"] .vm-profile-boost-preview-image-page {
  background: #0f172aeb;
  box-shadow:
    0 22px 50px #02061747,
    0 0 0 1px #8b7bff1f;
}
[data-theme="dark"] .vm-profile-boost-preview-real .vm-pdf-preview-image {
  box-shadow: 0 22px 50px #02061747;
}
[data-theme="dark"] .vm-profile-boost-preview-skeleton-page {
  background:
    radial-gradient(circle at top, rgba(111, 84, 255, 0.16), transparent 42%),
    linear-gradient(180deg, #0f172af5, #111827eb);
  box-shadow:
    0 22px 50px #02061747,
    0 0 0 1px #8b7bff1f;
}
[data-theme="dark"] .vm-profile-boost-preview-skeleton-avatar,
[data-theme="dark"] .vm-profile-boost-preview-skeleton-head span,
[data-theme="dark"] .vm-profile-boost-preview-skeleton-body > span,
[data-theme="dark"] .vm-profile-boost-preview-skeleton-tags span {
  background: linear-gradient(90deg, #c4b5fd14, #c4b5fd33, #c4b5fd14);
  background-size: 220% 100%;
}
[data-theme="dark"] .vm-profile-boost-preview-avatar {
  background: linear-gradient(135deg, #8b7bff3d, #8b7bff14);
}
[data-theme="dark"] .vm-profile-boost-preview-head-lines span,
[data-theme="dark"] .vm-profile-boost-preview-section-title,
[data-theme="dark"] .vm-profile-boost-preview-line,
[data-theme="dark"] .vm-profile-boost-preview-image-skills span {
  background: linear-gradient(90deg, #c4b5fd33, #c4b5fd14);
}
[data-theme="dark"] .vm-profile-boost-loading-state {
  background:
    radial-gradient(
      circle at 20% 18%,
      rgba(111, 84, 255, 0.22),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 82%,
      rgba(82, 114, 255, 0.18),
      transparent 28%
    ),
    #020617bd;
}
[data-theme="dark"] .vm-profile-boost-loading-badges span {
  background: #0f172acc;
  border-color: #8b7bff29;
  color: #d8d4ff;
}
[data-theme="dark"] .vm-profile-boost-loading-card {
  background: #0f172aeb;
  border-color: #8b7bff24;
}
[data-theme="dark"] .vm-profile-boost-loading-line {
  background: linear-gradient(90deg, #8b7bff14, #8b7bff4d, #8b7bff14);
}
[data-theme="dark"] .vm-profile-boost-loading-state strong {
  color: #f9fafb;
}
[data-theme="dark"] .vm-profile-boost-loading-state p {
  color: #cbd5e1;
}
@keyframes vm-profile-boost-float {
  0%,
  to {
    transform: translateZ(0);
  }
  50% {
    transform: translate3d(0, -0.4rem, 0);
  }
}
@keyframes vm-profile-boost-intro-float {
  0%,
  to {
    transform: rotate(-3deg) translateZ(0);
  }
  50% {
    transform: rotate(2deg) translate3d(0, -0.42rem, 0);
  }
}
@keyframes vm-profile-boost-step-in {
  0% {
    opacity: 0;
    transform: translateY(0.55rem) scale(0.992);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-profile-boost-step-back-in {
  0% {
    opacity: 0;
    transform: translate(-0.7rem) scale(0.992);
  }
  to {
    opacity: 1;
    transform: translate(0) scale(1);
  }
}
@keyframes vm-profile-boost-credit-breathe {
  0%,
  to {
    transform: scale(1) rotate(0);
    opacity: 0.88;
    filter: drop-shadow(0 10px 18px rgba(111, 84, 255, 0.22));
  }
  50% {
    transform: scale(1.06) rotate(180deg);
    opacity: 1;
    filter: drop-shadow(0 14px 24px rgba(111, 84, 255, 0.32));
  }
}
@keyframes vm-profile-boost-rail {
  0% {
    background-position: 180% 0;
  }
  to {
    background-position: -40% 0;
  }
}
@keyframes vm-profile-boost-card-drift {
  0%,
  to {
    transform: translate(0.72rem, -0.08rem) rotate(4deg);
  }
  50% {
    transform: translate(0.82rem, -0.24rem) rotate(2deg);
  }
}
@keyframes vm-profile-boost-preview-shimmer {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -20% 0;
  }
}
@keyframes vm-profile-boost-dot {
  0%,
  80%,
  to {
    transform: translateY(0);
    opacity: 0.32;
  }
  40% {
    transform: translateY(-0.2rem);
    opacity: 1;
  }
}
@keyframes vm-interview-ring {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
[data-theme="dark"] .vm-profile-boost-field input,
[data-theme="dark"] .vm-profile-boost-field select,
[data-theme="dark"] .vm-profile-boost-field textarea,
[data-theme="dark"] .vm-profile-boost-proof-card,
[data-theme="dark"] .vm-profile-boost-project-card,
[data-theme="dark"] .vm-profile-boost-action-card {
  background: transparent;
  color: #e5e7eb;
  box-shadow: none;
}
[data-theme="dark"] .vm-profile-boost-field input,
[data-theme="dark"] .vm-profile-boost-field select,
[data-theme="dark"] .vm-profile-boost-field textarea {
  border-color: #ffffff14;
}
[data-theme="dark"] .vm-profile-boost-project-card p,
[data-theme="dark"] .vm-profile-boost-summary-card p,
[data-theme="dark"] .vm-profile-boost-project-head small,
[data-theme="dark"] .vm-profile-boost-project-meta span,
[data-theme="dark"] .vm-profile-boost-empty {
  color: #9ca3af;
}
[data-theme="dark"] .vm-interview-sim-bubble,
[data-theme="dark"] .vm-interview-sim-feedback-card {
  box-shadow: inset 0 0 0 1px #ffffff14;
}
[data-theme="dark"] .vm-interview-sim-bubble {
  background: #0f172ab8;
}
[data-theme="dark"] .vm-interview-sim-bubble.is-user {
  background: linear-gradient(180deg, #6f54ff38, #6f54ff1f);
}
[data-theme="dark"] .vm-interview-sim-bubble:after {
  background: #0f172ab8;
  box-shadow: inset 1px 1px #ffffff14;
}
[data-theme="dark"] .vm-interview-sim-bubble.is-user:after {
  background: #342379eb;
  box-shadow: inset -1px -1px #c4b5fd38;
}
[data-theme="dark"] .vm-interview-sim-bubble p,
[data-theme="dark"] .vm-interview-sim-chat-topbar strong,
[data-theme="dark"] .vm-interview-sim-intro h3,
[data-theme="dark"] .vm-interview-sim-feedback-card h3,
[data-theme="dark"] .vm-interview-sim-feedback-summary strong,
[data-theme="dark"] .vm-interview-sim-feedback-list-head h3,
[data-theme="dark"] .vm-interview-sim-feedback-note h3,
[data-theme="dark"] .vm-interview-sim-typing-row strong,
[data-theme="dark"] .vm-interview-sim-loading-copy strong {
  color: #f3f4f6;
}
[data-theme="dark"] .vm-interview-sim-chat-topbar span,
[data-theme="dark"] .vm-interview-sim-intro p,
[data-theme="dark"] .vm-interview-sim-feedback-summary p,
[data-theme="dark"] .vm-interview-sim-feedback-note p,
[data-theme="dark"] .vm-interview-sim-feedback-card ul,
[data-theme="dark"] .vm-interview-sim-feedback-list li,
[data-theme="dark"] .vm-interview-sim-loading-copy p {
  color: #9ca3af;
}
[data-theme="dark"] .vm-interview-sim-composer {
  background: linear-gradient(180deg, #02061700, #020617cc 24%, #020617);
  box-shadow: none;
}
[data-theme="dark"] .vm-interview-sim-composer-bar {
  background: linear-gradient(180deg, #111827f5, #0f172aeb);
  box-shadow:
    0 20px 36px #02061747,
    inset 0 0 0 1px #ffffff14;
}
[data-theme="dark"] .vm-interview-sim-composer textarea {
  color: #f3f4f6;
  background: transparent;
  box-shadow: none;
}
[data-theme="dark"] .vm-interview-sim-composer textarea:focus {
  background: transparent;
}
[data-theme="dark"]
  .vm-cv-manager-content.is-interview-active
  > .vm-cv-manager-footer {
  background: linear-gradient(180deg, #02061700, #020617eb 35%, #020617);
}
[data-theme="dark"] .vm-profile-boost-empty {
  background: #1e293be0;
}
@media (max-width: 960px) {
  .vm-profile-boost-form-layout {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  .vm-profile-boost-preview-stage {
    display: none;
  }
  .vm-profile-boost-resume-card-preview .vm-profile-boost-preview-stage {
    display: grid;
  }
  .vm-profile-boost-intro-head,
  .vm-profile-boost-intro-footer {
    flex-direction: column;
    align-items: center;
  }
  .vm-profile-boost-resume-footer,
  .vm-profile-boost-job-footer {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .vm-profile-boost-flow-grid,
  .vm-profile-boost-proof-grid,
  .vm-profile-boost-project-grid {
    grid-template-columns: 1fr;
  }
  .vm-profile-boost-submit,
  .vm-profile-boost-teaser-action,
  .vm-profile-boost-project-action {
    width: 100%;
    min-width: 0;
  }
  .vm-profile-boost-resume-footer .vm-profile-boost-back,
  .vm-profile-boost-job-footer .vm-profile-boost-back {
    width: 3rem;
    min-width: 3rem;
    flex: 0 0 3rem;
  }
  .vm-profile-boost-resume-footer .vm-profile-boost-submit,
  .vm-profile-boost-job-footer .vm-profile-boost-submit {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
  }
  .vm-profile-boost-teaser-card {
    align-items: stretch;
    flex-direction: column;
  }
  .vm-interview-sim-chat-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .vm-interview-sim-feedback-grid {
    grid-template-columns: 1fr;
  }
  .vm-interview-sim-start,
  .vm-interview-sim-restart {
    width: 100%;
  }
  .vm-interview-sim-composer-bar {
    gap: 0.55rem;
    padding: 0.62rem 0.65rem 0.66rem 0.78rem;
  }
  .vm-interview-sim-send {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    height: 3rem;
  }
}
.vm-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-self: stretch;
}
.vm-price-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  min-height: 19rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background: var(--surface);
}
.vm-price-panel.is-featured {
  border-color: var(--primary);
  background: linear-gradient(180deg, var(--primary-soft), var(--surface));
}
.vm-plan-badge {
  display: inline-flex;
  margin-bottom: 0.45rem;
}
.vm-price-panel h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2vw, 1.85rem);
  line-height: 1.08;
}
.vm-price-panel p {
  margin: 0.5rem 0 0;
  font-size: 0.95rem;
  line-height: 1.5;
}
.vm-plan-price strong {
  display: block;
  font-size: clamp(1.8rem, 2.5vw, 2.35rem);
  line-height: 1;
}
.vm-plan-price span {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.9rem;
}
.vm-plan-benefits {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-plan-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.35;
}
.vm-plan-benefits svg {
  margin-top: 0.15rem;
  color: var(--primary);
  flex: 0 0 auto;
}
.vm-plans-error {
  margin-top: 0.25rem;
}
.vm-plans-note {
  max-width: 44rem;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
.vm-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--ink) 34%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  animation: vm-fade-in 0.18s ease both;
}
.vm-plans-modal {
  position: relative;
  width: min(56rem, 100%);
  max-height: min(90dvh, 44rem);
  overflow: auto;
  padding: clamp(1.1rem, 3vw, 1.6rem);
  border: 1px solid var(--line);
  border-radius: 1.65rem;
  background:
    radial-gradient(circle at top left, var(--primary-soft), transparent 42%),
    var(--surface);
  box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--ink) 26%, transparent);
  animation: vm-modal-rise 0.22s ease both;
}
.vm-photo-editor-modal {
  position: relative;
  width: min(52rem, 100%);
  max-height: min(90dvh, 46rem);
  overflow: auto;
  padding: clamp(1.1rem, 3vw, 1.6rem);
  border: 1px solid var(--line);
  border-radius: 1.65rem;
  background:
    radial-gradient(circle at top left, var(--primary-soft), transparent 42%),
    var(--surface);
  box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--ink) 26%, transparent);
  animation: vm-modal-rise 0.22s ease both;
}
.vm-modal-close {
  position: absolute;
  top: 0.95rem;
  right: 0.95rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.45rem;
  height: 2.45rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
}
.vm-plans-modal-head,
.vm-photo-editor-head {
  max-width: 34rem;
  padding-right: 2.4rem;
}
.vm-photo-editor-head h2 {
  margin: 0.35rem 0 0;
  font-size: clamp(1.75rem, 4vw, 2.3rem);
  line-height: 1.02;
}
.vm-photo-editor-head p:last-child {
  margin: 0.65rem 0 0;
  color: var(--muted);
  line-height: 1.55;
}
.vm-photo-editor-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
  gap: 1.25rem;
  align-items: start;
  margin-top: 1.25rem;
}
.vm-photo-editor-stage-wrap {
  display: grid;
  justify-items: center;
}
.vm-photo-editor-stage {
  position: relative;
  width: min(100%, 24rem);
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 1.25rem;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--line) 50%, transparent),
      transparent
    ),
    color-mix(in srgb, var(--surface-soft) 78%, white);
  touch-action: none;
  cursor: grab;
}
.vm-photo-editor-stage:active {
  cursor: grabbing;
}
.vm-photo-editor-image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  max-height: none;
  transform-origin: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  will-change: transform;
  pointer-events: none;
}
.vm-photo-editor-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid color-mix(in srgb, white 92%, var(--line));
  border-radius: inherit;
  box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--ink) 10%, transparent);
  pointer-events: none;
}
.vm-photo-editor-controls {
  display: grid;
  gap: 1rem;
}
.vm-photo-editor-row {
  display: grid;
  gap: 0.55rem;
}
.vm-photo-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.vm-photo-editor-controls input[type="range"] {
  width: 100%;
}
.vm-photo-editor-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
  margin-top: 1.25rem;
}
.vm-plans-modal-head h2 {
  margin: 0.35rem 0 0;
  font-size: clamp(1.75rem, 4vw, 2.55rem);
  line-height: 1.02;
}
.vm-plans-modal-head p {
  margin: 0.65rem 0 0;
  color: var(--muted);
  line-height: 1.55;
}
.vm-plans-modal.vm-settings-delete-modal {
  width: min(34rem, calc(100% - 1.5rem));
  border: 1px solid rgba(248, 113, 113, 0.28);
  background: #fffffffa;
  box-shadow:
    0 24px 48px #0f172a1f,
    0 0 0 1px #f871711f;
}
.vm-plans-modal-head.vm-settings-delete-modal-head {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.vm-plans-modal-head.vm-settings-delete-modal-head > * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.vm-plans-modal-head.vm-settings-delete-modal-head .vm-eyebrow {
  color: #ef4444;
}
.vm-plans-modal-head.vm-settings-delete-modal-head h2 {
  color: #111827;
}
.vm-plans-modal-head.vm-settings-delete-modal-head p {
  max-width: 28rem;
  color: #4b5563;
}
.vm-plans-modal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1.25rem;
}
.vm-plans-modal-card {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  min-height: 12.5rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--surface) 90%, var(--primary-soft));
}
.vm-plans-modal-card.is-featured {
  border-color: var(--primary);
  background: linear-gradient(180deg, var(--primary-soft), var(--surface));
}
.vm-plans-modal-card span {
  color: var(--primary-dark);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.vm-plans-modal-card strong {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1;
}
.vm-plans-modal-card small {
  min-height: 1.2rem;
  color: var(--muted);
}
.vm-plans-modal-card .button-primary {
  margin-top: auto;
  width: 100%;
}
.vm-plans-pix-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  min-height: 28rem;
  padding: 1.5rem;
  border: 0;
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--surface) 98%, transparent);
  text-align: center;
}
.vm-plans-pix-loading strong {
  color: var(--text);
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}
.vm-plans-pix-loading p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}
.vm-inline-credit-loading-orb {
  position: relative;
  width: 6.35rem;
  height: 6.35rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 1.15rem;
  background:
    linear-gradient(90deg, rgba(17, 24, 39, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(17, 24, 39, 0.08) 1px, transparent 1px), #fff;
  background-size: 1.2rem 1.2rem;
  box-shadow: 0 18px 42px #1118271a;
  overflow: hidden;
}
.vm-inline-credit-loading-ring {
  position: absolute;
  top: 0.62rem;
  right: 0.62rem;
  bottom: 0.62rem;
  left: 0.62rem;
  border-radius: 0.72rem;
  background:
    linear-gradient(#111827, #111827) 0 0 / 1.42rem 1.42rem no-repeat,
    linear-gradient(#111827, #111827) 100% 0 / 1.42rem 1.42rem no-repeat,
    linear-gradient(#111827, #111827) 0 100% / 1.42rem 1.42rem no-repeat,
    linear-gradient(#6f54ff, #6f54ff) 54% 36% / 0.62rem 0.62rem no-repeat,
    linear-gradient(#111827, #111827) 67% 52% / 0.52rem 0.52rem no-repeat,
    linear-gradient(#6f54ff, #6f54ff) 42% 65% / 0.72rem 0.72rem no-repeat,
    linear-gradient(#111827, #111827) 71% 76% / 0.6rem 0.6rem no-repeat;
  opacity: 0.96;
}
.vm-inline-credit-loading-core {
  position: absolute;
  left: 0.62rem;
  right: 0.62rem;
  height: 0.28rem;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    transparent,
    #22c55e,
    #6f54ff,
    transparent
  );
  box-shadow: 0 0 18px #22c55e52;
  animation: vm-inline-credit-scan 1.35s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
.vm-inline-credit-loading-dots {
  width: 7rem;
  height: 0.34rem;
  display: block;
  border-radius: 999px;
  background: #6f54ff1a;
  overflow: hidden;
}
.vm-inline-credit-loading-dots span {
  display: none;
}
@keyframes vm-inline-credit-scan {
  0%,
  to {
    transform: translateY(0.7rem);
    opacity: 0.2;
  }
  50% {
    transform: translateY(4.7rem);
    opacity: 1;
  }
}
.vm-inline-credit-loading-dots:before {
  content: "";
  display: block;
  width: 48%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f54ff, #22c55e);
  animation: vm-inline-credit-progress 1.2s ease-in-out infinite;
}
@keyframes vm-inline-credit-progress {
  0% {
    transform: translate(-110%);
  }
  to {
    transform: translate(220%);
  }
}
.vm-plans-checkout-shell {
  display: grid;
  gap: 0.9rem;
  min-height: calc(100dvh - 6.2rem);
  align-content: start;
  padding-top: 0.25rem;
}
.vm-plans-success-state {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.8rem;
  min-height: calc(100dvh - 8.5rem);
  text-align: center;
  animation: vm-plans-success-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-plans-success-badge {
  display: grid;
  place-items: center;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary-soft) 85%, transparent);
  color: var(--primary);
  box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--primary) 12%, transparent);
}
.vm-plans-success-state > span {
  color: var(--primary-dark);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-plans-success-state > strong {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  line-height: 1;
}
.vm-plans-success-state > p {
  max-width: 30rem;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.vm-plans-success-credits {
  min-height: 2.7rem;
}
.vm-plans-checkout-layout.is-hidden,
.vm-plans-checkout-shell.is-success .vm-plans-checkout-head {
  display: none;
}
@keyframes vm-plans-success-enter {
  0% {
    opacity: 0;
    transform: translateY(1rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.vm-plans-checkout-head {
  display: grid;
  gap: 0.35rem;
  max-width: 38rem;
}
.vm-plans-checkout-back {
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0.1rem;
}
.vm-plans-checkout-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.2rem, 3vw, 2.5rem);
  align-items: center;
}
.vm-plans-checkout-summary {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0;
  order: 2;
}
.vm-plans-checkout-summary-top {
  display: grid;
  gap: 0.3rem;
}
.vm-plans-checkout-summary-top > span {
  color: var(--primary-dark);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-plans-checkout-summary-top > strong {
  font-size: clamp(2rem, 3.2vw, 2.7rem);
  line-height: 1;
}
.vm-plans-checkout-summary-top > small {
  color: var(--muted);
  max-width: 24ch;
}
.vm-plans-timer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.45rem 0 0;
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
}
.vm-plans-timer span {
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.vm-plans-timer strong {
  color: var(--primary-dark);
  font-size: 1.4rem;
  line-height: 1;
}
.vm-plans-timer.is-expired strong,
.vm-plans-timer.is-expired span {
  color: var(--danger);
}
.vm-plans-regenerate-button {
  width: -moz-fit-content;
  width: fit-content;
}
.vm-plans-checkout-panel {
  min-height: 0;
  padding: 0;
  display: grid;
  align-content: center;
  gap: 0.65rem;
  order: 1;
}
.vm-payment-qr {
  width: min(12rem, 100%);
  border-radius: 0.8rem;
  border: 1px solid var(--line);
  background: #fff;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
  box-shadow: 0 0.8rem 1.8rem color-mix(in srgb, var(--ink) 7%, transparent);
}
.vm-plans-pix-layout {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
}
.vm-plans-pix-stage {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  width: min(100%, 28rem);
  min-height: 0;
  padding: 0;
  text-align: center;
}
.vm-plans-pix-stage.is-expired {
  opacity: 0.75;
}
.vm-plans-pix-stage-icon {
  color: var(--primary);
}
.vm-plans-pix-code-block {
  display: grid;
  gap: 0.45rem;
  width: min(100%, 28rem);
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
}
.vm-plans-pix-code-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.vm-plans-pix-code-head span {
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 850;
}
.vm-plans-pix-copy-button {
  min-height: 2.4rem;
  padding: 0 0.8rem;
}
.vm-plans-pix-copy {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.2rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1.45;
  word-break: break-all;
  text-align: left;
}
@media (max-width: 900px) {
  .vm-plans-success-state {
    min-height: calc(100dvh - 7rem);
  }
  .vm-plans-checkout-shell {
    min-height: auto;
    align-content: start;
  }
  .vm-plans-checkout-layout {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    align-items: start;
  }
  .vm-plans-pix-code-head {
    align-items: stretch;
    flex-direction: column;
  }
  .vm-plans-pix-copy-button,
  .vm-plans-regenerate-button {
    width: 100%;
  }
}
.vm-landing-page {
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary-soft) 48%, transparent),
      transparent 20rem
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--surface) 72%, var(--bg)),
      var(--bg)
    );
}
.vm-landing-header {
  border-bottom: 0;
  background: color-mix(in srgb, var(--bg) 94%, transparent);
}
.vm-landing-main {
  width: min(68rem, calc(100% - 2rem));
  padding-top: clamp(2.25rem, 6vw, 5rem);
}
.vm-landing-hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.72fr);
  gap: clamp(1.5rem, 4vw, 3rem);
}
.vm-landing-hero-copy h1 {
  max-width: 10ch;
  font-size: clamp(3.1rem, 7vw, 5.8rem);
  line-height: 0.96;
}
.vm-landing-hero-copy > p:not(.vm-eyebrow) {
  max-width: 34rem;
  font-size: clamp(1rem, 1.3vw, 1.12rem);
}
.vm-landing-trust span {
  background: transparent;
  border-color: color-mix(in srgb, var(--line) 75%, transparent);
}
.vm-landing-preview:before {
  display: none;
}
.vm-preview-paper {
  gap: 0.9rem;
  min-height: 0;
  padding: 1.4rem;
  border-radius: 1.4rem;
  box-shadow: none;
  transform: none;
}
.vm-preview-kicker {
  color: var(--primary-dark);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.vm-preview-lead {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-landing-flow,
.vm-landing-summary,
.vm-landing-faq {
  margin-top: clamp(2rem, 5vw, 4rem);
}
.vm-landing-flow-head h2,
.vm-landing-summary h2,
.vm-landing-faq h2,
.vm-landing-plan-card h2 {
  margin: 0.45rem 0 0;
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
}
.vm-landing-step-list {
  grid-template-columns: 1fr;
  gap: 0.7rem;
  margin-top: 1.2rem;
}
.vm-landing-step-list article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: start;
  padding: 1rem 1.05rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
}
.vm-landing-step-list h3 {
  margin: 0;
}
.vm-landing-step-list p {
  margin: 0.25rem 0 0;
}
.vm-landing-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
  gap: 1rem;
  align-items: start;
}
.vm-landing-summary-copy {
  padding: 0.35rem 0;
}
.vm-landing-benefit-list {
  display: grid;
  gap: 0.9rem;
  margin-top: 1.2rem;
}
.vm-landing-benefit-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: start;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid var(--line);
}
.vm-landing-benefit-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.vm-landing-benefit-row svg {
  margin-top: 0.2rem;
  color: var(--primary);
}
.vm-landing-benefit-row h3 {
  margin: 0;
  font-size: 1rem;
}
.vm-landing-benefit-row p {
  margin: 0.3rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-landing-plan-card {
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--surface) 94%, var(--primary-soft));
}
.vm-landing-plan-card ul {
  display: grid;
  gap: 0.55rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}
.vm-landing-plan-card li {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  font-weight: 800;
}
.vm-landing-plan-card svg {
  color: var(--primary);
  flex: 0 0 auto;
}
.vm-landing-plan-card .button-primary {
  width: 100%;
  margin-top: 1rem;
}
.vm-landing-faq-list article {
  background: color-mix(in srgb, var(--surface) 95%, transparent);
}
@keyframes vm-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes vm-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vm-modal-rise {
  0% {
    opacity: 0;
    transform: translateY(1rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-shimmer {
  0% {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
  }
}
@media (max-width: 1420px) {
  .vm-account-copy {
    display: none;
  }
}
@media (max-width: 1180px) {
  .vm-brand-copy,
  .vm-account-copy {
    display: none;
  }
  .vm-layout {
    grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.82fr);
  }
}
@media (max-width: 900px) {
  html,
  body,
  #root {
    height: auto;
    min-height: 100%;
  }
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .vm-page {
    width: 100%;
    min-height: 100dvh;
    height: auto;
    overflow: visible;
  }
  .vm-home-main {
    width: min(100% - 1.4rem, 44rem);
    padding-top: 0;
  }
  .vm-home-main > section {
    min-height: 100dvh;
    padding-block: 2rem;
  }
  .vm-home-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 0.55rem;
  }
  .vm-home-nav a {
    justify-content: center;
    min-height: 2.65rem;
  }
  .vm-home-nav a:not(.button-secondary) {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface);
    font-size: 0.82rem;
  }
  .vm-home-hero,
  .vm-home-flow-grid,
  .vm-home-value-grid,
  .vm-home-faq-grid,
  .vm-home-testimonials,
  .vm-home-plans {
    grid-template-columns: 1fr;
  }
  .vm-home-hero-copy h1 {
    max-width: 11ch;
    font-size: clamp(3rem, 15vw, 5rem);
  }
  .vm-home-product {
    border-radius: 1.45rem;
  }
  .vm-home-resume-transform {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .vm-home-transform-arrow {
    justify-self: center;
    transform: rotate(90deg);
  }
  .vm-home-resume-card,
  .vm-home-resume-card.is-after {
    min-height: 12rem;
    transform: none;
    animation: none;
  }
  .vm-home-plans .button-primary {
    width: 100%;
  }
  .vm-landing-header {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
  }
  .vm-landing-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
  }
  .vm-landing-nav a {
    justify-content: center;
    min-height: 2.65rem;
  }
  .vm-landing-nav a:not(.button-secondary) {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface);
    font-size: 0.82rem;
  }
  .vm-landing-main {
    width: min(100% - 1.4rem, 44rem);
    padding-top: 1.8rem;
  }
  .vm-landing-hero {
    grid-template-columns: 1fr;
  }
  .vm-landing-hero-copy h1 {
    max-width: 11ch;
    font-size: clamp(3rem, 15vw, 4.7rem);
  }
  .vm-preview-paper {
    min-height: 0;
    transform: none;
  }
  .vm-landing-summary,
  .vm-landing-faq {
    grid-template-columns: 1fr;
  }
  .vm-topbar {
    position: relative;
    align-items: stretch;
    flex-direction: column;
    gap: 0.65rem;
    min-height: auto;
    padding: 0.75rem 0.9rem;
  }
  .vm-brand {
    flex: 1 1 auto;
    max-width: 100%;
  }
  .vm-brand-mark {
    width: 2.1rem;
    height: 2.1rem;
  }
  .vm-brand-title {
    font-size: 1.18rem;
  }
  .vm-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    min-height: 2.45rem;
    padding: 0 0.85rem;
    border: 2px solid var(--primary);
    border-radius: 999px;
    background: var(--surface);
    color: var(--primary-dark);
    font-size: 0.84rem;
    font-weight: 800;
  }
  .vm-topbar-actions {
    display: none;
    flex-wrap: wrap;
    order: 3;
    width: 100%;
    padding-top: 0.7rem;
    border-top: 1px solid var(--line);
    gap: 0.55rem;
  }
  .vm-topbar-actions.is-open {
    display: flex;
  }
  .vm-language-menu,
  .vm-account {
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex: 1 1 100%;
  }
  .vm-language-menu {
    justify-content: space-between;
    width: 100%;
  }
  .vm-language-pill,
  .vm-language-menu,
  .vm-theme-toggle,
  .vm-credit-pill,
  .vm-topbar .button-secondary {
    min-height: 2.35rem;
    padding: 0 0.65rem;
    font-size: 0.78rem;
  }
  .vm-theme-toggle {
    position: static;
    width: auto;
    padding: 0;
  }
  .vm-theme-toggle span {
    display: none;
  }
  .vm-layout {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 0;
  }
  .vm-wizard-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.85rem;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface) 76%, transparent);
  }
  .vm-wizard-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    background: var(--surface);
    color: var(--text);
    font-weight: 800;
  }
  .vm-wizard-tab span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--surface-soft);
    color: var(--primary-dark);
    font-size: 0.78rem;
  }
  .vm-wizard-tab.is-active {
    border: 2px solid var(--primary);
    background: var(--primary-soft);
    color: var(--primary-dark);
  }
  .vm-panel {
    display: none;
  }
  .vm-panel.is-mobile-active {
    display: block;
  }
  .vm-panel-left {
    border-right: 0;
    border-top: 1px solid var(--line);
  }
  .vm-panel-right {
    display: block;
    border-bottom: 1px solid var(--line);
  }
  .vm-panel-right:not(.is-mobile-active) {
    display: none;
  }
  .vm-scroll,
  .vm-output-scroll {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .vm-scroll {
    padding: 0 1rem 1.25rem;
  }
  .vm-panel-head,
  .vm-output-head,
  .vm-job-area {
    padding: 1.15rem 0;
  }
  .vm-panel-head,
  .vm-section-header,
  .vm-job-head,
  .vm-inline-offers {
    flex-direction: column;
    align-items: stretch;
  }
  .vm-panel-title {
    font-size: clamp(1.8rem, 8vw, 2.5rem);
  }
  .vm-panel-copy {
    font-size: 0.96rem;
    line-height: 1.55;
  }
  .vm-status {
    align-self: flex-start;
  }
  .vm-section {
    padding: 1.2rem 0;
  }
  .vm-section-title {
    font-size: 1.35rem;
  }
  .vm-grid-two,
  .vm-row-grid,
  .vm-row-grid-links,
  .vm-row-grid-inline {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }
  .vm-row {
    flex-direction: column;
    align-items: stretch;
    padding: 0.9rem;
  }
  .vm-remove-action {
    width: -moz-fit-content;
    width: fit-content;
    height: 2.5rem;
  }
  .vm-job-area-main {
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .vm-wizard-back {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 2.5rem;
    border: 0;
    background: transparent;
    color: var(--primary-dark);
    font-weight: 800;
  }
  .vm-job-title {
    font-size: clamp(1.7rem, 7.5vw, 2.25rem);
    overflow-wrap: anywhere;
  }
  .vm-keywords {
    max-width: none;
    text-align: left;
  }
  .vm-job-area-main .vm-textarea {
    min-height: 14rem;
  }
  .vm-generate-state {
    min-height: auto;
    align-items: flex-start;
  }
  .action-buttons-row {
    align-items: stretch;
    flex-direction: column;
  }
  .button-primary,
  .button-secondary,
  .pdf-action-slot.is-visible,
  .pdf-action-slot > * {
    width: 100%;
    min-width: 100%;
  }
  .pdf-action-slot {
    transform: translateY(0.4rem);
  }
  .vm-plans-page {
    min-height: 100dvh;
    overflow: visible;
  }
  .vm-plans-page .vm-topbar-actions > .button-secondary {
    order: -1;
    width: 100%;
    min-width: 100%;
    justify-content: center;
  }
  .vm-wizard-footer {
    display: block;
    padding: 1rem 0 0.2rem;
    border-top: 1px solid var(--line);
  }
  .vm-plans-main {
    display: block;
    width: calc(100% - 2rem);
    height: auto;
    min-height: auto;
    padding: 1.2rem 0 1.5rem;
  }
  .vm-plans-hero h1 {
    font-size: clamp(1.75rem, 7.6vw, 2.25rem);
    line-height: 1.12;
  }
  .vm-pricing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
    margin-top: 1rem;
  }
  .vm-modal-backdrop {
    align-items: end;
    padding: 0.75rem;
  }
  .vm-modal-backdrop:has(.vm-settings-delete-modal) {
    align-items: center;
    justify-items: center;
    padding: 1rem;
  }
  .vm-download-unlock-backdrop,
  .vm-editor-exit-backdrop,
  .vm-download-login-backdrop {
    align-items: center;
    justify-items: center;
    padding: 0.9rem;
  }
  .vm-plans-modal {
    width: 100%;
    max-height: 88dvh;
    border-radius: 1.35rem;
  }
  .vm-settings-delete-modal {
    width: min(34rem, calc(100% - 1rem));
    margin: 0 auto;
  }
  .vm-settings-delete-actions .button-secondary:first-child {
    color: #111827;
    background: #fff;
    border-color: #f871713d;
  }
  .vm-settings-delete-actions .vm-settings-delete-button {
    color: #111827;
  }
  .vm-plans-modal-grid {
    grid-template-columns: 1fr;
  }
  .vm-plans-modal-card {
    min-height: 0;
  }
  .vm-price-panel {
    min-height: auto;
    padding: 1rem;
  }
  .vm-price-panel .button-primary {
    margin-top: 0.25rem;
  }
  .vm-plans-note {
    margin-top: 1rem;
  }
  .vm-plans-app-shell {
    min-height: 100dvh;
    background:
      radial-gradient(
        circle at top left,
        rgba(110, 86, 255, 0.08),
        transparent 28%
      ),
      radial-gradient(
        circle at top right,
        rgba(111, 84, 255, 0.08),
        transparent 26%
      ),
      linear-gradient(180deg, #fafbff, #f6f8fc);
  }
  .vm-plans-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    min-height: 100dvh;
  }
  .vm-plans-sidebar {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 1.15rem;
    padding: 1.5rem 1rem;
    background: #fffffff0;
    border-right: 1px solid rgba(226, 232, 240, 0.88);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .vm-plans-sidebar-brand {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 0.1rem 0.1rem 1rem;
    border-bottom: 1px solid rgba(229, 231, 235, 0.9);
  }
  .vm-plans-sidebar-mark {
    width: 2.5rem;
    height: 2.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    flex: 0 0 auto;
  }
  .vm-plans-sidebar-copy strong {
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    color: #111827;
    font-size: 1.55rem;
    line-height: 0.98;
    letter-spacing: -0.06em;
  }
  .vm-plans-sidebar-copy strong span {
    display: inline;
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  .vm-plans-sidebar-copy strong em {
    display: inline;
    margin: 0;
    color: #f97316;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .vm-plans-sidebar-copy span {
    display: block;
    max-width: 9rem;
    margin-top: 0.18rem;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.38;
  }
  .vm-plans-sidebar-nav {
    display: grid;
    gap: 0.45rem;
  }
  .vm-plans-sidebar-item {
    display: flex;
    align-items: center;
    min-height: 3rem;
    padding: 0.85rem 1rem;
    border-radius: 1rem;
    color: #475569;
    font-weight: 700;
    text-decoration: none;
    transition:
      background 0.18s ease,
      color 0.18s ease,
      transform 0.18s ease;
  }
  .vm-plans-sidebar-item:hover {
    background: #6f54ff14;
    color: #5f4ce3;
  }
  .vm-plans-sidebar-item.is-active {
    background: linear-gradient(180deg, #6e56ff1c, #6e56ff0f);
    color: #5f4ce3;
  }
  .vm-plans-sidebar-upgrade {
    align-self: end;
    display: grid;
    gap: 0.95rem;
    padding: 1.2rem;
    border-radius: 1.5rem;
    background:
      radial-gradient(
        circle at top right,
        rgba(110, 86, 255, 0.14),
        transparent 7rem
      ),
      linear-gradient(180deg, #fffffff0, #f2f6fffa);
    border: 1px solid rgba(110, 86, 255, 0.12);
    box-shadow:
      0 18px 48px #4c638d14,
      inset 0 0 0 1px #ffffffa6;
  }
  .vm-plans-sidebar-upgrade-head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
  }
  .vm-plans-sidebar-upgrade-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #ffffffe6;
    color: #6e56ff;
    box-shadow: 0 10px 24px #6e56ff26;
  }
  .vm-plans-sidebar-upgrade p {
    margin: 0;
    color: #64748b;
    line-height: 1.62;
  }
  .vm-plans-sidebar-upgrade-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.9rem;
    width: 100%;
    padding: 0 1rem;
    border: 0;
    border-radius: 1rem;
    background: linear-gradient(135deg, #6f54ff, #8f66ff);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 18px 40px #6f54ff38;
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      filter 0.18s ease;
  }
  .vm-plans-sidebar-upgrade-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 46px #6f54ff47;
    filter: saturate(1.04);
  }
  .vm-plans-content {
    display: grid;
    align-content: start;
    gap: 1.4rem;
    min-height: 100dvh;
    padding: 1.45rem 1.6rem 1.8rem;
    overflow-y: auto;
  }
  .vm-plans-topbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .vm-plans-topbar-account {
    display: flex;
    align-items: center;
    gap: 0.85rem;
  }
  .vm-plans-topbar-account > span {
    color: #475569;
    font-size: 0.92rem;
    font-weight: 800;
  }
  .vm-plans-google-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.72rem;
    min-height: 2.9rem;
    padding: 0 1.15rem;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 999px;
    background: #fffffff5;
    color: #0f172a;
    font-weight: 700;
    cursor: pointer;
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      border-color 0.18s ease;
  }
  .vm-plans-google-button:hover {
    transform: translateY(-1px);
    border-color: #6e56ff47;
    box-shadow: 0 14px 30px #0f172a14;
  }
  .vm-plans-google-mark {
    width: 1.1rem;
    height: 1.1rem;
  }
  .vm-plans-account-pill {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .vm-plans-premium-hero {
    display: grid;
    gap: 1.15rem;
    padding: 0.35rem 0 0.15rem;
    animation: vm-home-rise 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .vm-plans-premium-hero-copy {
    max-width: 46rem;
  }
  .vm-plans-premium-hero-copy h1 {
    margin: 0;
    color: #111827;
    font-size: clamp(2.45rem, 4vw, 4.15rem);
    line-height: 0.98;
    letter-spacing: -0.065em;
  }
  .vm-plans-premium-hero-copy p {
    margin: 0.85rem 0 0;
    color: #64748b;
    font-size: 1.03rem;
    line-height: 1.68;
  }
  .vm-plans-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
  }
  .vm-plans-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(226, 232, 240, 0.88);
    border-radius: 999px;
    background: #fffc;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 700;
  }
  .vm-plans-trust-pill svg {
    color: #5f4ce3;
  }
  .vm-plans-premium-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 1rem;
    align-items: stretch;
  }
  .vm-plans-premium-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-height: 31rem;
    padding: 1.35rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 1.45rem;
    background: #fffffff2;
    box-shadow:
      0 18px 42px #0f172a0f,
      0 1px #fffc inset;
    transition:
      transform 0.22s ease,
      box-shadow 0.22s ease,
      border-color 0.22s ease;
    animation: vm-home-rise 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .vm-plans-premium-card:nth-child(2) {
    animation-delay: 60ms;
  }
  .vm-plans-premium-card:nth-child(3) {
    animation-delay: 0.12s;
  }
  .vm-plans-premium-card:nth-child(4) {
    animation-delay: 0.18s;
  }
  .vm-plans-premium-card:hover {
    transform: translateY(-6px);
    border-color: #6e56ff29;
    box-shadow:
      0 28px 56px #0f172a14,
      0 1px #fffc inset;
  }
  .vm-plans-premium-card.is-featured {
    border: 2px solid rgba(110, 86, 255, 0.36);
    box-shadow:
      0 26px 58px #6e56ff29,
      0 0 0 1px #6e56ff0f;
  }
  .vm-plans-premium-card.is-featured:hover {
    box-shadow:
      0 32px 62px #6e56ff38,
      0 0 0 1px #6e56ff1a;
  }
  .vm-plans-premium-card.is-promo {
    border: 2px solid rgba(34, 197, 94, 0.38);
    background: linear-gradient(180deg, #22c55e1f, #ffffffed);
    box-shadow:
      0 20px 46px #22c55e1f,
      0 0 0 1px #22c55e0f;
  }
  .vm-plans-premium-card.is-promo:hover {
    border-color: #22c55e85;
    box-shadow:
      0 32px 62px #22c55e33,
      0 0 0 1px #22c55e1a;
  }
  .vm-plans-premium-card.is-promo .vm-plans-premium-badge {
    background: #22c55e1f;
    color: #15803d;
  }
  .vm-plans-premium-card.is-promo .vm-plans-premium-eyebrow,
  .vm-plans-premium-card.is-promo .vm-plans-premium-features svg {
    color: #15803d;
  }
  .vm-plans-premium-card.is-promo .vm-plans-premium-price strong,
  .vm-cv-plan-card.is-promo .vm-cv-plan-price strong {
    color: #047857;
  }
  .vm-plans-premium-card.is-pro {
    border: 1px solid rgba(129, 140, 248, 0.22);
    background:
      radial-gradient(
        circle at top right,
        rgba(98, 102, 255, 0.34),
        transparent 8rem
      ),
      radial-gradient(
        circle at bottom left,
        rgba(110, 86, 255, 0.24),
        transparent 9rem
      ),
      linear-gradient(180deg, #0f172a, #111827);
    box-shadow:
      0 28px 62px #0f172a3d,
      inset 0 1px #ffffff0a;
  }
  .vm-plans-premium-card.is-pro .vm-plans-premium-eyebrow,
  .vm-plans-premium-card.is-pro .vm-plans-premium-price span,
  .vm-plans-premium-card.is-pro .vm-plans-premium-card-head p,
  .vm-plans-premium-card.is-pro .vm-plans-premium-features {
    color: #ffffffb8;
  }
  .vm-plans-premium-card.is-pro .vm-plans-premium-card-head h2,
  .vm-plans-premium-card.is-pro .vm-plans-premium-price strong,
  .vm-plans-premium-card.is-pro .vm-plans-premium-features li {
    color: #fff;
  }
  .vm-plans-premium-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: #6e56ff1a;
    color: #5f4ce3;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .vm-plans-premium-card-head {
    display: grid;
    gap: 0.5rem;
    min-height: 9.35rem;
    align-content: start;
  }
  .vm-plans-premium-eyebrow {
    color: #5f4ce3;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .vm-plans-premium-card-head h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(1.85rem, 3vw, 2.35rem);
    line-height: 0.96;
    letter-spacing: -0.05em;
  }
  .vm-plans-premium-card-head p {
    margin: 0;
    color: #64748b;
    line-height: 1.62;
  }
  .vm-plans-premium-price {
    display: grid;
    gap: 0.3rem;
    min-height: 6.45rem;
    align-content: start;
    padding-top: 0.1rem;
  }
  .vm-plans-premium-old-price,
  .vm-cv-plan-old-price {
    position: relative;
    display: inline-flex;
    width: -moz-fit-content;
    width: fit-content;
    color: #64748b;
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: line-through;
    text-decoration-color: #ef4444f2;
    text-decoration-thickness: 0.16rem;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    opacity: 0.95;
  }
  .vm-plans-premium-old-price s,
  .vm-cv-plan-old-price s {
    position: relative;
    display: inline-block;
    text-decoration-color: #ef4444;
    text-decoration-thickness: 0.16rem;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }
  .vm-plans-premium-old-price s:after,
  .vm-cv-plan-old-price s:after {
    content: "";
    position: absolute;
    left: -0.16rem;
    right: -0.16rem;
    top: 50%;
    height: 0.16rem;
    border-radius: 999px;
    background: #ef4444;
    transform: translateY(-50%) rotate(-4deg);
    pointer-events: none;
  }
  .vm-plans-premium-old-price:after,
  .vm-cv-plan-old-price:after {
    content: "";
    position: absolute;
    left: -0.18rem;
    right: -0.18rem;
    top: 50%;
    height: 0.16rem;
    border-radius: 999px;
    background: #ef4444eb;
    transform: translateY(-50%) rotate(-4deg);
  }
  .vm-plan-promo-counter {
    position: relative;
    display: grid;
    gap: 0.5rem;
    min-height: 3.55rem;
    margin: 0.5rem 0 0.25rem;
    padding: 0.7rem 0.82rem 0.78rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #16a34a29, #bbf7d070), #fff;
    color: #14532d;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    box-shadow:
      inset 0 0 0 1px #22c55e42,
      0 12px 26px #16a34a1f;
  }
  .vm-plans-premium-card.is-promo .vm-plan-promo-counter,
  .vm-cv-plan-card.is-promo .vm-plan-promo-counter {
    display: grid;
    gap: 0.5rem;
    width: 100%;
    min-height: 3.75rem;
    margin: 0.7rem 0 0.45rem;
    padding: 0.78rem 0.82rem 0.86rem;
    border: 0;
    border-radius: 0.9rem;
    background: transparent;
    box-shadow: none;
  }
  .vm-plan-promo-counter:before {
    content: "";
    position: absolute;
    top: 0.82rem;
    right: 0.82rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 #22c55e57;
    animation: vm-promo-pulse 1.35s ease-out infinite;
  }
  .vm-plan-promo-counter div {
    display: block;
    padding-right: 1.25rem;
  }
  .vm-plan-promo-counter br {
    display: block;
    content: "";
    margin-top: 0.34rem;
  }
  .vm-plan-promo-counter span {
    display: block;
    color: #166534;
    font-size: 0.68rem;
    line-height: 1;
    width: 100%;
  }
  .vm-plans-premium-card.is-promo .vm-plan-promo-counter span,
  .vm-cv-plan-card.is-promo .vm-plan-promo-counter span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.07em;
  }
  .vm-plan-promo-counter strong {
    display: block;
    width: 100%;
    color: #047857;
    font-size: 0.94rem;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-transform: none;
  }
  .vm-plans-premium-card.is-promo .vm-plan-promo-counter strong,
  .vm-cv-plan-card.is-promo .vm-plan-promo-counter strong {
    color: #047857;
    font-size: 0.92rem;
    font-weight: 950;
  }
  .vm-plan-promo-counter i {
    position: relative;
    display: block;
    height: 0.38rem;
    overflow: hidden;
    border-radius: 999px;
    background: #15803d21;
  }
  .vm-plans-premium-card.is-promo .vm-plan-promo-counter i,
  .vm-cv-plan-card.is-promo .vm-plan-promo-counter i {
    height: 0.34rem;
    margin-top: 0.08rem;
    background: #15803d24;
  }
  .vm-plan-promo-counter i:after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: max(var(--vm-promo-progress, 0%), 4%);
    border-radius: inherit;
    background: linear-gradient(90deg, #22c55e, #15803d);
  }
  .vm-plan-promo-counter.is-sold-out {
    background: #ef44441a;
    color: #991b1b;
    box-shadow: inset 0 0 0 1px #ef44442e;
  }
  .vm-plan-promo-counter.is-sold-out:before {
    background: #ef4444;
    animation: none;
  }
  .vm-plan-promo-counter.is-sold-out strong {
    color: #dc2626;
  }
  .vm-plan-promo-counter.is-sold-out i {
    background: #ef444424;
  }
  .vm-plan-promo-counter.is-sold-out i:after {
    width: 100%;
    background: linear-gradient(90deg, #ef4444, #b91c1c);
  }
  @keyframes vm-promo-pulse {
    0% {
      box-shadow: 0 0 #22c55e57;
    }
    to {
      box-shadow: 0 0 0 0.5rem #22c55e00;
    }
  }
  @keyframes vm-countdown-urgent-tick {
    0%,
    45% {
      opacity: 1;
    }
    46%,
    to {
      opacity: 0.62;
    }
  }
  .vm-plans-premium-card.is-pro .vm-plans-premium-price {
    gap: 0.45rem;
  }
  .vm-plans-premium-price strong {
    color: #0f172a;
    font-size: clamp(2.55rem, 4.2vw, 3.2rem);
    line-height: 0.92;
    letter-spacing: -0.05em;
  }
  .vm-plans-premium-price span {
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.5;
  }
  .vm-plans-premium-card.is-pro .vm-plans-premium-price strong {
    font-size: clamp(3rem, 5vw, 4.4rem);
    letter-spacing: -0.08em;
  }
  .vm-plans-premium-card.is-pro .vm-plans-premium-price span {
    font-size: 0.96rem;
    font-weight: 700;
  }
  .vm-plans-premium-features {
    display: grid;
    gap: 0.72rem;
    margin: 0.25rem 0 0;
    padding: 0;
    list-style: none;
    color: #334155;
    font-weight: 650;
    flex: 1 1 auto;
    align-content: start;
  }
  .vm-plans-premium-features li {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
  }
  .vm-plans-premium-features svg {
    color: #5f4ce3;
    flex: 0 0 auto;
  }
  .vm-plans-primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 3.25rem;
    width: 100%;
    margin-top: auto;
    padding: 0 1rem;
    border: 0;
    border-radius: 1rem;
    background: linear-gradient(135deg, #6f54ff, #8f66ff);
    color: #fff;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 20px 44px #6f54ff38;
    transition:
      transform 0.18s ease,
      box-shadow 0.18s ease,
      filter 0.18s ease,
      opacity 0.18s ease;
  }
  .vm-plans-primary-button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 24px 52px #6f54ff47;
    filter: saturate(1.06);
  }
  .vm-plans-primary-button:disabled {
    cursor: wait;
    opacity: 0.72;
  }
  .vm-plans-primary-button.is-dark {
    background: linear-gradient(135deg, #ffffff1f, #ffffff14);
    color: #fffffff0;
    box-shadow: none;
    cursor: not-allowed;
  }
  .vm-plans-confidence-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 1.45rem;
    background: #ffffffd6;
    box-shadow: 0 18px 42px #0f172a0d;
  }
  .vm-plans-confidence-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    color: #334155;
    font-size: 0.92rem;
    font-weight: 750;
    text-align: center;
  }
  .vm-plans-confidence-item svg {
    color: #5f4ce3;
  }
  .vm-plans-premium-checkout {
    display: grid;
    align-content: start;
    gap: 1rem;
  }
  .vm-plans-premium-checkout-grid {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: 1rem;
  }
  .vm-plans-premium-checkout-grid.is-hidden {
    display: none;
  }
  .vm-plans-premium-checkout-summary,
  .vm-plans-premium-checkout-panel {
    padding: 1.35rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 1.5rem;
    background: #fffffff2;
    box-shadow: 0 22px 48px #0f172a0f;
  }
  .vm-plans-premium-checkout-summary {
    display: grid;
    align-content: start;
    gap: 1rem;
  }
  .vm-plans-back-button {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 2.5rem;
    padding: 0 0.95rem;
    border: 1px solid rgba(203, 213, 225, 0.88);
    border-radius: 999px;
    background: #fff;
    color: #0f172a;
    font-weight: 700;
    cursor: pointer;
  }
  .vm-plans-premium-checkout-copy {
    display: grid;
    gap: 0.55rem;
  }
  .vm-plans-kicker {
    color: #5f4ce3;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .vm-plans-premium-checkout-copy h1 {
    margin: 0;
    color: #111827;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
  }
  .vm-plans-premium-checkout-copy p {
    margin: 0;
    color: #64748b;
    line-height: 1.62;
  }
  .vm-plans-premium-total {
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, #6e56ff14, #6e56ff0a);
  }
  .vm-plans-premium-total strong {
    color: #111827;
    font-size: 2rem;
    line-height: 0.95;
    letter-spacing: -0.05em;
  }
  .vm-plans-premium-total span {
    color: #475569;
    font-weight: 700;
  }
  .vm-plans-feature-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .vm-plans-feature-list li {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #334155;
    font-weight: 650;
  }
  .vm-plans-feature-list li svg {
    color: #5f4ce3;
  }
  @media (max-width: 1180px) {
    .vm-plans-layout {
      grid-template-columns: 16rem minmax(0, 1fr);
    }
    .vm-plans-premium-grid,
    .vm-plans-confidence-bar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 960px) {
    .vm-plans-layout {
      grid-template-columns: 1fr;
    }
    .vm-plans-sidebar {
      grid-template-rows: auto auto auto;
      padding: 1rem 1rem 0;
      border-right: 0;
      border-bottom: 1px solid rgba(226, 232, 240, 0.88);
    }
    .vm-plans-sidebar-nav {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .vm-plans-sidebar-item {
      justify-content: center;
      text-align: center;
    }
    .vm-plans-sidebar-upgrade {
      margin-bottom: 1rem;
    }
    .vm-plans-content {
      min-height: auto;
      padding: 1rem;
    }
    .vm-plans-topbar {
      justify-content: flex-start;
    }
    .vm-plans-topbar-account {
      width: 100%;
      justify-content: space-between;
    }
    .vm-plans-premium-grid,
    .vm-plans-premium-checkout-grid,
    .vm-plans-confidence-bar {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 640px) {
    .vm-plans-sidebar-nav {
      grid-template-columns: 1fr;
    }
    .vm-plans-premium-card {
      min-height: auto;
      padding: 1.1rem;
    }
    .vm-plans-premium-card-head,
    .vm-plans-premium-price {
      min-height: 0;
    }
    .vm-plans-premium-price strong {
      font-size: 2.7rem;
    }
    .vm-plans-trust-row {
      display: grid;
      grid-template-columns: 1fr;
    }
    .vm-plans-trust-pill {
      justify-content: center;
    }
  }
}
@media (max-width: 520px) {
  .vm-landing-nav {
    grid-template-columns: 1fr;
  }
  .vm-landing-actions {
    flex-direction: column;
  }
  .vm-landing-actions .button-primary,
  .vm-landing-actions .button-secondary {
    width: 100%;
  }
  .vm-landing-trust span {
    width: 100%;
    justify-content: center;
  }
  .vm-topbar {
    padding: 0.7rem 0.8rem;
  }
  .vm-menu-toggle {
    width: 100%;
    padding: 0 0.85rem;
  }
  .vm-language-pill span:first-child {
    display: none;
  }
  .vm-language-pill,
  .vm-theme-toggle,
  .vm-credit-pill,
  .vm-topbar .button-secondary {
    min-height: 2.25rem;
    padding: 0 0.58rem;
    font-size: 0.74rem;
  }
  .vm-account {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  }
  .vm-credit-pill,
  .vm-account .button-secondary {
    width: 100%;
  }
  .vm-account button.button-secondary {
    grid-column: 1 / -1;
  }
  .vm-avatar-wrap {
    grid-row: 1;
    grid-column: 3;
  }
  .vm-account-popover {
    right: 0;
  }
  .vm-scroll,
  .vm-job-area-main {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }
  .vm-input,
  .vm-select,
  .vm-textarea {
    min-height: 3rem;
    border-radius: 0.78rem;
    padding: 0.78rem 0.85rem;
    font-size: 1rem;
  }
  .vm-plans-main {
    width: calc(100% - 1.4rem);
  }
  .vm-plans-page .vm-topbar-actions > .button-secondary {
    width: 100%;
    min-width: 100%;
  }
}
.vm-wizard-shell {
  display: grid;
  grid-template-columns: 17rem minmax(0, 1fr) 24rem;
  gap: 1rem;
  height: calc(100dvh - 4.5rem);
  padding: 1rem;
}
.vm-wizard-shell.is-entry {
  grid-template-columns: minmax(0, 1fr);
  height: calc(100dvh - 4.5rem);
  padding: 0;
}
.vm-wizard-shell.is-cv-hub-shell {
  display: block;
  height: calc(100dvh - 4.85rem);
  padding: 0;
  overflow: hidden;
}
.vm-page.has-wizard-scroll .vm-wizard-shell.is-entry {
  min-height: calc(100dvh - 4.5rem);
  height: auto;
}
.vm-wizard-shell.is-entry.has-adapt-preview {
  grid-template-columns: minmax(0, 9fr) minmax(4.5rem, 2fr) minmax(0, 9fr);
  align-items: stretch;
  gap: 1rem;
  height: calc(100dvh - 4.5rem);
  padding: 1rem;
}
.vm-wizard-sidebar,
.vm-wizard-card,
.vm-wizard-preview-card {
  border: 1px solid var(--line);
  border-radius: 1.35rem;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
}
.vm-wizard-sidebar,
.vm-wizard-preview-panel {
  min-height: 0;
  overflow: auto;
}
.vm-wizard-sidebar {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: 1rem;
}
.vm-wizard-sidebar-head h2 {
  margin: 0.35rem 0 0;
  font-size: 1.35rem;
  line-height: 1.1;
}
.vm-wizard-progress {
  display: grid;
  gap: 0.45rem;
}
.vm-wizard-progress-item {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.65rem;
  align-items: center;
  width: 100%;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: transparent;
  color: var(--text);
  text-align: left;
}
.vm-wizard-progress-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--primary-dark);
  font-size: 0.82rem;
  font-weight: 900;
}
.vm-wizard-progress-item strong {
  font-size: 0.92rem;
}
.vm-wizard-progress-item.is-active {
  border-color: var(--primary);
  background: var(--primary-soft);
}
.vm-wizard-progress-item.is-done span {
  background: var(--primary);
  color: #fff;
}
.vm-wizard-progress-item:disabled {
  opacity: 0.5;
}
.vm-wizard-sidebar-card {
  padding: 0.9rem;
  border-radius: 1rem;
  background: var(--surface);
}
.vm-wizard-main {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}
.vm-wizard-card {
  display: grid;
  gap: 1.25rem;
  min-height: 100%;
  padding: 1.35rem;
}
.vm-wizard-shell.is-entry .vm-wizard-main {
  overflow: hidden;
}
.vm-page.has-wizard-scroll .vm-wizard-shell.is-entry .vm-wizard-main {
  overflow: visible;
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-main {
  overflow: hidden;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.vm-wizard-action-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-width: 0;
  align-self: center;
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  min-height: auto;
  padding-top: 0;
}
.vm-wizard-action-panel .vm-stage-button {
  width: 100%;
  min-height: 5.1rem;
  height: auto;
  padding: 0.9rem 0.75rem;
  gap: 0.45rem;
  align-content: center;
  border: 1px solid transparent;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}
.vm-wizard-action-panel .vm-stage-button-label {
  display: block;
  max-width: 100%;
  font-size: 0.74rem;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  text-wrap: balance;
}
.vm-wizard-shell.is-entry .vm-wizard-card {
  min-height: 100%;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  place-items: center;
}
.vm-page.has-wizard-scroll .vm-wizard-shell.is-entry .vm-wizard-card {
  min-height: calc(100dvh - 4.5rem);
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-card {
  min-height: 100%;
  align-content: start;
  padding: 1rem clamp(1.5rem, 3vw, 2.4rem) clamp(1.5rem, 3vw, 2.4rem);
  border: 0;
  border-radius: 1.35rem;
  background: transparent;
  place-items: stretch;
  box-shadow: none;
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-card {
  border: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-panel {
  display: block;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  padding: 1rem clamp(1.5rem, 3vw, 2.4rem) clamp(1.5rem, 3vw, 2.4rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-card {
  padding: 0;
}
.vm-wizard-shell.is-entry.has-adapt-preview
  .vm-wizard-action-panel
  .vm-stage-button {
  width: 100%;
  min-height: 5.1rem;
  height: auto;
  border: 1px solid transparent;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
}
.vm-wizard-shell.is-entry.has-adapt-preview .vm-adapt-resume-stage,
.vm-wizard-shell.is-entry.has-adapt-preview .vm-adapt-resume-form {
  width: 100%;
  max-width: none;
}
.vm-wizard-step-stack {
  display: grid;
  gap: 1.2rem;
}
.vm-step-transition {
  animation: vm-step-fade-in 0.34s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-wizard-step-copy {
  display: grid;
  gap: 0.4rem;
}
.vm-wizard-entry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-entry-stage {
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  align-items: center;
  align-content: center;
  gap: clamp(1rem, 3vw, 1.75rem);
  width: min(42rem, 100%);
  min-height: 100%;
  margin: 0 auto;
  text-align: center;
}
.vm-identity-stage,
.vm-contact-stage,
.vm-links-stage,
.vm-summary-stage,
.vm-experience-stage,
.vm-education-stage,
.vm-projects-stage,
.vm-languages-stage,
.vm-certifications-stage,
.vm-skills-stage {
  animation: vm-stage-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-entry-stage-copy {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
  justify-items: center;
  text-align: center;
  align-self: center;
}
.vm-entry-stage-subtitle {
  max-width: 30rem;
  margin: -0.2rem 0 0;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.vm-setup-progress {
  display: grid;
  gap: 0.45rem;
  width: min(24rem, 100%);
  margin: 0.35rem auto 0;
}
.vm-setup-progress-bar {
  width: 100%;
  height: 0.42rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 78%, transparent);
  overflow: hidden;
}
.vm-setup-progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    var(--primary),
    color-mix(in srgb, var(--primary) 72%, #ffffff)
  );
  transition: width 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-setup-progress-text {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}
.vm-stage-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: clamp(2.7rem, 6vw, 5rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
  text-align: center;
}
.vm-entry-stage-word {
  display: inline-block;
  white-space: nowrap;
}
.vm-entry-stage-line {
  display: flex;
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}
.vm-entry-stage-break {
  display: block;
  height: 0;
}
.vm-entry-stage-letter {
  display: inline-block;
  transition:
    transform 0.22s ease,
    color 0.22s ease,
    text-shadow 0.22s ease;
  will-change: transform;
}
.vm-entry-stage-space {
  display: inline-block;
  width: 0.28em;
}
.vm-entry-stage-letter:hover {
  color: var(--primary);
  text-shadow: 0 10px 24px color-mix(in srgb, var(--primary) 16%, transparent);
  transform: translateY(-6px);
}
.vm-entry-stage-letter:nth-child(odd):hover {
  transform: translateY(-8px) rotate(-2deg);
}
.vm-entry-stage-letter:nth-child(3n):hover {
  transform: translateY(-4px) rotate(2deg);
}
.vm-entry-stage-actions {
  display: grid;
  align-self: center;
  justify-content: center;
  width: min(26rem, 100%);
}
.vm-stage-button {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  padding: 1.2rem 1.4rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--text);
  text-align: center;
  box-shadow: 0 18px 50px #102f1b14;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}
.vm-stage-button strong {
  display: block;
  font-size: 1.08rem;
  line-height: 1.1;
  text-align: center;
  transition:
    transform 0.22s ease,
    letter-spacing 0.22s ease;
}
.vm-entry-stage-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
}
.vm-google-mark {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
}
.vm-auth-entry {
  width: 100%;
  min-height: 100%;
  height: 100%;
  justify-items: stretch;
  align-items: stretch;
  align-content: stretch;
  padding: 0;
}
.vm-auth-entry-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  min-height: 100%;
  height: 100%;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background:
    radial-gradient(
      circle at top left,
      rgba(133, 121, 255, 0.12),
      transparent 34%
    ),
    linear-gradient(180deg, #fffffffa, #fafbfffa);
  box-shadow: none;
  animation: vm-auth-entry-fade 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-auth-entry-shell:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    radial-gradient(
      circle at 20% 18%,
      rgba(102, 126, 234, 0.11),
      transparent 24%
    ),
    radial-gradient(circle at 82% 78%, rgba(139, 92, 246, 0.1), transparent 26%);
  pointer-events: none;
}
.vm-auth-entry-brand-panel,
.vm-auth-entry-login-panel {
  position: relative;
  z-index: 1;
  min-height: 100%;
}
.vm-auth-entry-brand-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1.45rem 1.7rem 1.35rem;
  background:
    linear-gradient(160deg, #ffffffe0, #f6f7fce6 45%, #f1eeffdb),
    radial-gradient(
      circle at top right,
      rgba(130, 102, 255, 0.14),
      transparent 34%
    );
}
.vm-auth-entry-brand-top {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
}
.vm-auth-entry-brand-logo {
  width: 2.55rem;
  height: 2.55rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 10px 26px rgba(97, 88, 255, 0.18));
}
.vm-auth-entry-brand-name {
  color: #101828;
  font-size: 1.16rem;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.vm-auth-entry-copy {
  display: grid;
  gap: 0.7rem;
  max-width: 24rem;
  padding-top: 0;
  justify-items: center;
  text-align: center;
  justify-self: center;
  margin-inline: auto;
  margin-block: auto;
}
.vm-auth-entry-eyebrow,
.vm-auth-entry-login-eyebrow {
  margin: 0;
  color: #6b7a96;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.vm-auth-entry-title {
  margin: 0;
  display: grid;
  gap: 0.05rem;
  color: #111827;
  font-size: clamp(2.2rem, 4vw, 3.45rem);
  line-height: 0.94;
  letter-spacing: -0.06em;
  justify-items: center;
  margin-inline: auto;
}
.vm-auth-entry-title-accent {
  color: #7156ff;
  text-shadow: 0 14px 34px rgba(113, 86, 255, 0.16);
}
.vm-auth-entry-subtitle {
  margin: 0;
  max-width: 21rem;
  color: #4f5d78;
  font-size: 0.9rem;
  line-height: 1.56;
}
.vm-auth-entry-security-card strong {
  display: block;
  color: #111827;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.vm-auth-entry-security-card p {
  margin: 0.34rem 0 0;
  color: #55627c;
  font-size: 0.89rem;
  line-height: 1.58;
}
.vm-auth-entry-social-proof {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  min-width: 16rem;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(122, 137, 173, 0.1);
  border-radius: 18px;
  background: #ffffffbd;
  box-shadow: 0 12px 32px #28355a0f;
  justify-self: start;
  margin-top: auto;
}
.vm-auth-entry-avatars {
  display: flex;
  align-items: center;
}
.vm-auth-entry-avatars span {
  width: 1.85rem;
  height: 1.85rem;
  margin-left: -0.52rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  color: #30415f;
  font-size: 0.66rem;
  font-weight: 800;
  background: linear-gradient(180deg, #fffffff2, #ebeff8f2);
  box-shadow: 0 6px 14px #141e380f;
}
.vm-auth-entry-avatars span:first-child {
  margin-left: 0;
}
.vm-auth-entry-avatars span:nth-child(1) {
  background: linear-gradient(180deg, #ffd7c3, #ffb38b);
  color: #6b2f12;
}
.vm-auth-entry-avatars span:nth-child(2) {
  background: linear-gradient(180deg, #cfe0ff, #8fb0ff);
  color: #1f3f86;
}
.vm-auth-entry-avatars span:nth-child(3) {
  background: linear-gradient(180deg, #ead6ff, #c59aff);
  color: #5b2e92;
}
.vm-auth-entry-avatars span:nth-child(4) {
  background: linear-gradient(180deg, #d6f3df, #8ed1a2);
  color: #1d5c31;
}
.vm-auth-entry-social-proof p {
  margin: 0;
  color: #3b4966;
  font-size: 0.84rem;
  line-height: 1.42;
}
.vm-auth-entry-login-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.75rem 2rem 1.55rem;
  background:
    linear-gradient(180deg, #fffffffa, #fffffff5),
    radial-gradient(circle at top, rgba(99, 102, 241, 0.05), transparent 35%);
}
.vm-auth-entry-login-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  color: #6d7991;
  font-size: 0.9rem;
}
.vm-auth-entry-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #4f46e5;
  font-weight: 700;
  text-decoration: none;
  transition:
    gap 0.18s ease,
    color 0.18s ease;
}
.vm-auth-entry-link:hover {
  gap: 0.45rem;
  color: #5b3ef2;
}
.vm-auth-entry-login-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.35rem;
  min-height: 0;
  text-align: center;
  padding: 0;
}
.vm-auth-entry-login-copy {
  display: grid;
  gap: 0.72rem;
  max-width: 24rem;
}
.vm-auth-entry-mobile-logo {
  display: none;
  width: 3.3rem;
  height: 3.3rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto 0.35rem;
  filter: drop-shadow(0 12px 28px rgba(97, 88, 255, 0.16));
}
.vm-auth-entry-login-copy h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(2rem, 3.6vw, 2.9rem);
  line-height: 1;
  letter-spacing: -0.05em;
}
.vm-auth-entry-login-copy p {
  margin: 0;
  color: #56637d;
  font-size: 0.97rem;
  line-height: 1.64;
}
.vm-auth-entry-google-button {
  width: min(24rem, 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.82rem;
  padding: 1.12rem 1.4rem;
  border: 1px solid rgba(131, 144, 172, 0.22);
  border-radius: 18px;
  background: #fff;
  color: #111827;
  box-shadow: 0 14px 32px #141e380d;
  transition:
    transform 0.18s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}
.vm-auth-entry-google-button:hover {
  transform: translateY(-3px);
  border-color: #7156ff47;
  box-shadow: 0 20px 40px #141e381a;
}
.vm-auth-entry-google-button strong {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.vm-auth-entry-google-button-icon {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #f4f6fbf2;
}
.vm-auth-entry-google-button .vm-google-mark {
  width: 1rem;
  height: 1rem;
}
.vm-auth-entry-security-card {
  width: min(24rem, 100%);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: start;
  padding: 1rem 1.05rem;
  border: 0 !important;
  border-radius: 18px;
  background: linear-gradient(180deg, #f7f9ffeb, #fcfdfff0);
  box-shadow: none !important;
}
.vm-auth-entry-security-icon {
  display: inline-grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 14px;
  color: #4f46e5;
  background: #6366f11a;
}
.vm-auth-entry-login-footer {
  display: grid;
  gap: 0.65rem;
  justify-items: center;
  color: #66748d;
  text-align: center;
  font-size: 0.88rem;
  padding-bottom: 0.15rem;
}
.vm-auth-entry-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.95rem;
}
.vm-auth-entry-footer-links a {
  color: #34425e;
  font-weight: 700;
  text-decoration: none;
}
.vm-auth-entry-footer-links a:hover {
  color: #4f46e5;
}
@keyframes vm-auth-entry-fade {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.vm-stage-button:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 72%, var(--surface));
  box-shadow: 0 26px 60px #3a66b02e;
}
.vm-wizard-action-panel .vm-stage-button:hover,
.vm-wizard-action-panel .vm-stage-button:focus-visible {
  border-color: color-mix(in srgb, var(--line) 45%, var(--primary)) !important;
  background: transparent;
  background-color: color-mix(
    in srgb,
    var(--surface) 76%,
    var(--primary-soft)
  ) !important;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--primary) 12%, transparent) !important;
}
.vm-stage-button:hover strong {
  letter-spacing: 0.02em;
  transform: scale(1.02);
}
.vm-stage-button:active {
  transform: scale(0.995);
}
.vm-identity-stage-copy {
  align-self: end;
}
.vm-identity-stage-title {
  font-size: clamp(3rem, 7vw, 5.5rem);
}
.vm-contact-stage-copy,
.vm-links-stage-copy,
.vm-summary-stage-copy {
  align-self: end;
  animation: vm-stage-copy-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-experience-stage-copy,
.vm-education-stage-copy {
  align-self: center;
  animation: vm-stage-copy-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-projects-stage-copy,
.vm-languages-stage-copy,
.vm-certifications-stage-copy,
.vm-skills-stage-copy {
  width: 100%;
  min-width: 0;
  justify-items: center;
  text-align: center;
  align-self: end;
  animation: vm-stage-copy-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-contact-stage-title {
  max-width: 12ch;
  font-size: clamp(2rem, 4.8vw, 3.8rem);
}
.vm-links-stage-title,
.vm-summary-stage-title {
  max-width: 10ch;
  font-size: clamp(2.2rem, 5vw, 4rem);
}
.vm-experience-stage-title,
.vm-education-stage-title {
  max-width: min(100%, 10ch);
  font-size: clamp(1.85rem, 4vw, 3.2rem);
  animation: vm-experience-title-enter 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-projects-stage-title {
  max-width: min(100%, 10ch);
  font-size: clamp(1.95rem, 4.3vw, 3.3rem);
}
.vm-languages-stage-title,
.vm-certifications-stage-title,
.vm-skills-stage-title {
  max-width: min(100%, 10ch);
  font-size: clamp(1.85rem, 4vw, 3.2rem);
}
.vm-stage-item-label {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
  font-weight: 700;
  text-align: center;
}
.vm-identity-stage-form {
  display: grid;
  gap: 1rem;
  align-self: center;
  width: min(36rem, 100%);
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: left;
}
.vm-import-resume-stage {
  animation: vm-stage-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-import-resume-copy {
  align-self: end;
}
.vm-import-resume-form {
  display: grid;
  gap: 1rem;
  align-self: center;
  width: min(42rem, 100%);
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: left;
}
.vm-import-resume-dropzone {
  display: grid;
  justify-items: center;
  gap: 0.7rem;
  width: 100%;
  min-height: 16rem;
  padding: 2rem 1.4rem;
  border: 1px dashed color-mix(in srgb, var(--primary) 44%, var(--line));
  border-radius: 1.45rem;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  text-align: center;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-import-resume-dropzone:hover,
.vm-import-resume-dropzone.is-dragging {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 58%, var(--surface));
  box-shadow: 0 24px 56px color-mix(in srgb, var(--primary) 12%, transparent);
  transform: translateY(-2px);
}
.vm-import-resume-dropzone.is-loading {
  cursor: progress;
}
.vm-import-resume-dropzone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line));
  background: color-mix(in srgb, var(--surface) 72%, var(--primary-soft));
  color: var(--primary-dark);
}
.vm-import-resume-dropzone strong {
  font-size: 1.1rem;
  line-height: 1.2;
}
.vm-import-resume-dropzone span {
  max-width: 32rem;
  color: var(--muted);
  line-height: 1.65;
}
.vm-import-resume-actions {
  justify-content: center;
}
.vm-import-resume-manual {
  min-width: 16rem;
}
.vm-identity-stage-grid {
  align-items: start;
}
.vm-contact-stage-form,
.vm-links-stage-form,
.vm-summary-stage-form,
.vm-experience-stage-form,
.vm-education-stage-form,
.vm-projects-stage-form,
.vm-languages-stage-form,
.vm-certifications-stage-form,
.vm-skills-stage-form {
  display: grid;
  gap: 1rem;
  align-self: center;
  width: min(42rem, 100%);
  margin-inline: auto;
  text-align: left;
  animation: vm-stage-form-enter 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-languages-stage-form {
  justify-items: center;
}
.vm-experience-stage-head,
.vm-education-stage-head,
.vm-projects-stage-head,
.vm-languages-stage-head,
.vm-certifications-stage-head {
  display: grid;
  grid-template-columns: 4.25rem minmax(0, 1fr) 4.25rem;
  gap: 1rem;
  align-items: center;
  width: 100%;
}
.vm-experience-stage-nav,
.vm-education-stage-nav,
.vm-projects-stage-nav,
.vm-languages-stage-nav,
.vm-certifications-stage-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
}
.vm-experience-stage-nav-left,
.vm-education-stage-nav-left,
.vm-projects-stage-nav-left,
.vm-languages-stage-nav-left,
.vm-certifications-stage-nav-left {
  grid-column: 1;
}
.vm-experience-stage-nav-right,
.vm-education-stage-nav-right,
.vm-projects-stage-nav-right,
.vm-languages-stage-nav-right,
.vm-certifications-stage-nav-right {
  grid-column: 3;
}
.vm-experience-stage-copy,
.vm-education-stage-copy {
  grid-column: 2;
  width: 100%;
  min-width: 0;
  justify-items: center;
  text-align: center;
}
.vm-projects-stage-copy,
.vm-languages-stage-copy,
.vm-certifications-stage-copy {
  grid-column: 2;
}
.vm-experience-stage-nav-button,
.vm-education-stage-nav-button,
.vm-projects-stage-nav-button,
.vm-languages-stage-nav-button,
.vm-certifications-stage-nav-button {
  border-color: color-mix(in srgb, var(--primary) 24%, var(--line));
  background: color-mix(in srgb, var(--surface) 72%, var(--primary-soft));
  box-shadow: none;
  color: var(--primary-dark);
}
.vm-experience-stage-nav-button:hover,
.vm-education-stage-nav-button:hover,
.vm-projects-stage-nav-button:hover,
.vm-languages-stage-nav-button:hover,
.vm-certifications-stage-nav-button:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 92%, var(--surface));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 14%, transparent);
}
.vm-experience-stage-list,
.vm-education-stage-list {
  display: grid;
  justify-items: center;
}
.vm-projects-stage-list {
  display: grid;
  gap: 0.9rem;
  width: 100%;
  justify-items: center;
}
.vm-certifications-stage-list {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: 0.9rem;
}
.vm-experience-stage-item,
.vm-education-stage-item,
.vm-projects-stage-item,
.vm-certifications-stage-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  align-items: end;
  width: min(42rem, 100%);
  padding-right: 3.8rem;
  animation: vm-link-item-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-experience-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.vm-education-stage-grid,
.vm-projects-stage-grid,
.vm-certifications-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  align-items: start;
}
.vm-languages-block {
  display: grid;
  gap: 0.9rem;
  width: min(30rem, 100%);
  margin: 0 auto;
  justify-items: center;
}
.vm-languages-list {
  display: grid;
  gap: 0.9rem;
  width: 100%;
}
.vm-languages-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  align-items: end;
  width: 100%;
  padding-right: 3.8rem;
  animation: vm-link-item-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-languages-item-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
  gap: 0.9rem;
}
.vm-languages-remove {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}
.vm-languages-remove:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 48%, transparent);
}
.vm-languages-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  transition: color 0.22s ease;
}
.vm-languages-add:hover {
  color: var(--text);
}
.vm-languages-stage-actions {
  width: min(30rem, 100%);
  margin-inline: auto;
  justify-content: center;
}
.vm-languages-stage .vm-links-stage-form,
.vm-languages-stage .vm-links-stage-list {
  width: min(30rem, 100%);
}
.vm-languages-stage .vm-links-stage-item {
  width: 100%;
}
.vm-languages-stage .vm-links-stage-item-grid {
  grid-template-columns: minmax(0, 1fr) minmax(8.5rem, 9rem);
}
.vm-skills-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  align-items: start;
}
.vm-skills-stage-groups {
  display: grid;
  gap: 1rem;
}
.vm-skills-stage-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.vm-skills-stage-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0 0.9rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--muted);
  font-weight: 700;
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}
.vm-skills-stage-tab.is-active,
.vm-skills-stage-tab:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 58%, var(--surface));
  color: var(--primary-dark);
}
.vm-skills-stage-group {
  display: grid;
  gap: 0.65rem;
}
.vm-skills-stage-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.vm-skills-stage-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: 0 0.95rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--text);
  font-weight: 700;
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease;
}
.vm-skills-stage-pill:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 54%, var(--surface));
}
.vm-skills-stage-pill.is-active {
  border-color: var(--primary);
  background: var(--primary-soft);
  color: var(--primary-dark);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--primary) 12%, transparent);
}
.vm-skills-stage-custom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}
.vm-skills-stage-custom .vm-links-stage-add {
  justify-self: stretch;
  min-width: 8rem;
}
.vm-experience-stage-grid .vm-field:last-child {
  grid-column: 1 / -1;
}
.vm-education-stage-grid .vm-field:last-child {
  grid-column: 1 / -1;
}
.vm-education-stage-field-institution,
.vm-education-stage-field-course {
  grid-column: 1 / -1;
}
.vm-education-stage-field-degree,
.vm-education-stage-field-start,
.vm-education-stage-field-end {
  grid-column: span 1;
}
.vm-projects-stage-field-name,
.vm-projects-stage-field-description,
.vm-projects-stage-field-link,
.vm-certifications-stage-field-name,
.vm-certifications-stage-field-link {
  grid-column: 1 / -1;
}
.vm-experience-stage-date-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}
.vm-experience-stage-end-field {
  min-width: 0;
  overflow: hidden;
  transition:
    max-width 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.22s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    margin 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-experience-stage-end-field.is-visible {
  max-width: 12rem;
  opacity: 1;
  transform: translate(0);
}
.vm-experience-stage-end-field.is-hidden {
  max-width: 0;
  opacity: 0;
  margin-right: -0.2rem;
  pointer-events: none;
  transform: translate(8px);
}
.vm-experience-stage-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.5rem;
  min-height: 3rem;
  padding: 0 0.95rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}
.vm-experience-stage-current:hover,
.vm-experience-stage-current.is-active {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 48%, transparent);
  color: var(--text);
}
.vm-experience-stage-role {
  min-height: 1.4rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(8px);
  animation: vm-experience-role-enter 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-experience-stage-role.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.vm-summary-stage-textarea {
  min-height: 16rem;
}
.vm-summary-counter {
  margin: -0.2rem 0 0;
  text-align: center;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--muted);
  transition: color 0.22s ease;
}
.vm-summary-counter.is-short {
  color: var(--subtle);
}
.vm-summary-counter.is-ready {
  color: #8a6a00;
}
.vm-summary-counter.is-ideal {
  color: var(--primary);
}
.vm-links-stage-list {
  display: grid;
  gap: 0.9rem;
  justify-items: center;
}
.vm-links-stage-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  align-items: end;
  width: min(42rem, 100%);
  padding-right: 3.8rem;
  animation: vm-link-item-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-links-stage-item-grid {
  display: grid;
  grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
  gap: 0.9rem;
}
.vm-links-stage-remove {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}
.vm-links-stage-remove:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 48%, transparent);
}
.vm-links-stage-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  justify-self: center;
  min-height: 3rem;
  padding: 0 1rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease;
}
.vm-links-stage-add:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 48%, transparent);
  color: var(--text);
}
.vm-contact-stage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 10rem;
  gap: 1rem;
  align-items: center;
}
.vm-contact-stage-grid {
  gap: 1rem;
}
.vm-contact-photo-panel {
  display: grid;
  justify-items: end;
  align-self: center;
}
.vm-contact-photo-input {
  position: relative;
  display: grid;
  place-items: center;
  width: 8.25rem;
  aspect-ratio: 3 / 4;
  border: 1px dashed var(--line-strong);
  border-radius: 1.6rem;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  overflow: hidden;
  cursor: pointer;
  transition:
    border-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.vm-contact-photo-input:hover {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary-soft) 42%, transparent);
  box-shadow: 0 18px 36px #3a66b01f;
  transform: translateY(-2px);
}
.vm-contact-photo-input input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.vm-contact-photo-placeholder {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  color: var(--muted);
  text-align: center;
}
.vm-contact-photo-placeholder strong {
  font-size: 0.95rem;
}
.vm-contact-photo-preview {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.vm-identity-stage-action {
  display: grid;
  justify-content: center;
  opacity: 0;
  transform: translateY(18px) scale(0.96);
  pointer-events: none;
  transition:
    opacity 0.26s ease,
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-identity-stage-action.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.vm-identity-continue-button {
  min-width: min(18rem, 100%);
}
.vm-contact-stage-actions {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 0.85rem;
  width: auto;
  margin-inline: auto;
}
.vm-contact-stage-action {
  display: flex;
  flex: 0 0 auto;
  opacity: 0;
  transform: translateY(18px) scale(0.96);
  pointer-events: none;
  transition:
    opacity 0.26s ease,
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-contact-stage-action.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.vm-contact-back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.75rem;
  width: 3.75rem;
  min-width: 3.75rem;
  min-height: 3.75rem;
  height: 3.75rem;
  padding-inline: 0;
  border-radius: 999px;
}
.vm-identity-continue-button {
  width: 3.75rem;
  min-width: 3.75rem;
}
.vm-contact-next-button {
  flex: 0 0 3.75rem;
  min-height: 3.75rem;
  height: 3.75rem;
  padding-inline: 0;
  border-radius: 999px;
}
@keyframes vm-stage-copy-enter {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes vm-stage-form-enter {
  0% {
    opacity: 0;
    transform: translateY(28px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-stage-enter {
  0% {
    opacity: 0;
    transform: translateY(24px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-step-fade-in {
  0% {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes vm-link-item-enter {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-experience-title-enter {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-experience-role-enter {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vm-wizard-entry-card {
  display: grid;
  gap: 0.75rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background: var(--surface);
  color: var(--text);
  text-align: left;
}
.vm-wizard-entry-card strong {
  font-size: 1.2rem;
  line-height: 1.15;
}
.vm-wizard-entry-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-wizard-entry-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--primary-dark);
  font-weight: 800;
}
.vm-wizard-review-grid,
.vm-wizard-summary-grid {
  display: grid;
  gap: 0.9rem;
}
.vm-wizard-review-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-wizard-review-card,
.vm-wizard-summary-item {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--surface);
}
.vm-wizard-review-card h2 {
  margin: 0.35rem 0 0;
  font-size: 1.1rem;
}
.vm-wizard-review-card p {
  margin: 0.45rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-wizard-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vm-wizard-summary-item strong,
.vm-wizard-summary-item span {
  display: block;
}
.vm-wizard-summary-item strong {
  font-size: 1.45rem;
}
.vm-wizard-summary-item span {
  margin-top: 0.3rem;
  color: var(--muted);
  font-size: 0.88rem;
}
.vm-wizard-generate-card {
  display: grid;
  gap: 1rem;
}
.vm-wizard-shell.is-generating-scene {
  display: block;
  height: calc(100dvh - 4.5rem);
  padding: 0;
}
.vm-wizard-main.is-generating-scene {
  width: min(52rem, 100%);
  margin-inline: auto;
  height: 100%;
  overflow: hidden;
}
.vm-wizard-shell.is-generating-scene .vm-wizard-card {
  min-height: 100%;
  padding: 0;
  place-items: stretch;
  align-content: stretch;
}
.vm-step-transition.is-generating-scene {
  min-height: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition:
    opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-step-transition.is-generating-scene.is-enter {
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  filter: blur(10px);
}
.vm-step-transition.is-generating-scene.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.vm-step-transition.is-generating-scene.is-exit {
  opacity: 0;
  transform: translateY(-18px) scale(0.992);
  filter: blur(8px);
}
.vm-wizard-generate-card.is-fullscreen-scene {
  width: min(38rem, 100%);
  min-height: 100%;
  align-content: center;
  justify-items: center;
}
.vm-wizard-generate-card.is-fullscreen-scene .vm-generate-state {
  width: 100%;
  min-height: 0;
  padding: 1.4rem 1.6rem;
  border: none;
  background: transparent;
}
.vm-wizard-generate-card.is-fullscreen-scene .vm-generate-flow {
  gap: 1.25rem;
}
.vm-wizard-generate-card.is-fullscreen-scene .vm-generate-flow-orb {
  width: 4.25rem;
  height: 4.25rem;
}
.vm-wizard-generate-card.is-fullscreen-scene .vm-generate-flow-copy strong {
  font-size: clamp(1.2rem, 2.8vw, 1.65rem);
}
.vm-wizard-generate-card.is-fullscreen-scene .vm-generate-flow-copy span {
  max-width: 31rem;
  font-size: 0.98rem;
}
.vm-import-resume-loading-scene {
  width: min(38rem, 100%);
  min-height: 100%;
  align-content: center;
  justify-items: center;
}
.vm-wizard-output-inline,
.vm-wizard-output {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family:
    Atkinson Hyperlegible,
    sans-serif;
}
.vm-wizard-output-inline {
  max-height: 22rem;
  overflow: auto;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--surface);
}
.vm-wizard-preview-panel {
  display: grid;
  align-content: start;
  gap: 1rem;
}
.vm-wizard-preview-card {
  padding: 1rem;
}
.vm-wizard-preview-card.is-output {
  display: block;
  min-height: 18rem;
  min-width: 0;
  height: auto;
  max-height: none;
  overflow: visible;
}
.vm-pdf-preview-frame {
  display: grid;
  align-content: start;
  gap: 1rem;
  width: 100%;
  height: min(68vh, 52rem);
  max-height: min(68vh, 52rem);
  margin-top: 0.85rem;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--primary) 30%, var(--line-strong))
    transparent;
}
.vm-pdf-preview-frame::-webkit-scrollbar {
  width: 0.72rem;
}
.vm-pdf-preview-frame::-webkit-scrollbar-track {
  background: linear-gradient(
    180deg,
    transparent 0%,
    color-mix(in srgb, var(--line) 55%, transparent) 50%,
    transparent 100%
  );
  border-radius: 999px;
}
.vm-pdf-preview-frame::-webkit-scrollbar-thumb {
  border: 0.16rem solid transparent;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--primary-soft) 94%, var(--surface)),
    color-mix(in srgb, var(--primary) 28%, var(--line-strong))
  );
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--primary) 16%, transparent);
}
.vm-pdf-preview-frame::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--primary-soft) 100%, var(--surface)),
    color-mix(in srgb, var(--primary) 40%, var(--line-strong))
  );
  background-clip: padding-box;
}
.vm-output-skeleton {
  display: grid;
  gap: 1rem;
  margin-top: 0.35rem;
}
.vm-output-skeleton-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.vm-output-skeleton-chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  padding: 0 0.75rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary-soft) 80%, var(--surface));
  color: var(--primary-dark);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-output-skeleton-pulse {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 76%, white);
  box-shadow: 0 0 color-mix(in srgb, var(--primary) 24%, transparent);
  animation: vm-output-pulse 1.6s ease-in-out infinite;
}
.vm-output-skeleton-page {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface) 96%, transparent);
}
.vm-output-skeleton-block {
  display: grid;
  gap: 0.55rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
}
.vm-output-skeleton-line {
  height: 0.68rem;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--line) 82%, transparent),
    color-mix(in srgb, var(--surface) 100%, var(--primary-soft)),
    color-mix(in srgb, var(--line) 82%, transparent)
  );
  background-size: 220% 100%;
  animation: vm-output-skeleton-shimmer 1.7s linear infinite;
}
.vm-output-skeleton-line.is-title {
  height: 1.15rem;
  width: 72%;
}
.vm-output-skeleton-line.is-subtitle {
  width: 48%;
}
.vm-output-skeleton-line.is-section {
  height: 0.78rem;
  width: 34%;
}
.vm-output-skeleton-line.is-short {
  width: 58%;
}
.vm-pdf-preview-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0.75rem 0;
  overflow: visible;
  border-radius: 0.4rem;
  box-shadow: 0 8px 24px #1118270f;
}
.vm-pdf-preview-placeholder {
  display: grid;
  place-items: center;
  min-height: 18rem;
  margin-top: 0.85rem;
  border: 1px solid var(--line);
  border-radius: 0;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
}
.vm-pdf-preview-placeholder.is-error {
  padding: 1rem;
  text-align: center;
}
.vm-wizard-preview-text {
  margin: 0.35rem 0 0;
  font-weight: 800;
}
.vm-wizard-preview-muted {
  margin: 0.35rem 0 0;
  color: var(--muted);
  line-height: 1.6;
}
.vm-wizard-footer {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--line);
}
@media (max-width: 1180px) {
  .vm-wizard-shell {
    grid-template-columns: 15rem minmax(0, 1fr);
  }
  .vm-wizard-preview-panel {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .vm-wizard-shell,
  .vm-wizard-shell.is-entry.has-adapt-preview {
    grid-template-columns: 1fr;
    height: auto;
  }
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-main,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-panel {
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-card,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-panel {
    padding-inline: 1rem;
  }
  .vm-wizard-shell.is-entry {
    height: 100dvh;
  }
  .vm-wizard-entry-grid,
  .vm-wizard-review-grid,
  .vm-wizard-summary-grid,
  .vm-wizard-preview-panel {
    grid-template-columns: 1fr;
  }
  .vm-entry-stage-title {
    font-size: clamp(2.25rem, 11vw, 3.5rem);
  }
  .vm-wizard-action-panel {
    grid-auto-flow: column;
    justify-content: center;
    padding: 0 0 1rem;
    position: static;
    transform: none;
  }
  .vm-entry-stage-button {
    padding: 1.05rem 1.15rem;
  }
  .vm-contact-stage-layout {
    grid-template-columns: 1fr;
  }
  .vm-identity-stage-form,
  .vm-contact-stage-form,
  .vm-links-stage-form,
  .vm-summary-stage-form {
    width: min(100%, 42rem);
  }
  .vm-links-stage-item,
  .vm-links-stage-item-grid,
  .vm-languages-item-grid,
  .vm-experience-stage-item,
  .vm-education-stage-item,
  .vm-projects-stage-item,
  .vm-languages-stage-item,
  .vm-certifications-stage-item {
    grid-template-columns: 1fr;
  }
  .vm-links-stage-remove,
  .vm-languages-remove {
    position: static;
    top: auto;
    right: auto;
    transform: none;
    margin-left: auto;
  }
  .vm-experience-stage-grid,
  .vm-education-stage-grid,
  .vm-projects-stage-grid,
  .vm-languages-stage-grid,
  .vm-certifications-stage-grid,
  .vm-skills-stage-grid {
    grid-template-columns: 1fr;
  }
  .vm-education-stage-field-institution,
  .vm-education-stage-field-course,
  .vm-education-stage-field-degree,
  .vm-education-stage-field-start,
  .vm-education-stage-field-end,
  .vm-projects-stage-field-name,
  .vm-projects-stage-field-link,
  .vm-projects-stage-field-description,
  .vm-certifications-stage-field-name,
  .vm-certifications-stage-field-link {
    grid-column: 1 / -1;
  }
  .vm-skills-stage-pills {
    gap: 0.5rem;
  }
  .vm-skills-stage-custom {
    grid-template-columns: 1fr;
  }
  .vm-pdf-preview-frame {
    height: min(62vh, 38rem);
    max-height: min(62vh, 38rem);
  }
  .vm-experience-stage-head,
  .vm-education-stage-head,
  .vm-projects-stage-head,
  .vm-languages-stage-head,
  .vm-certifications-stage-head {
    grid-template-columns: 3.25rem minmax(0, 1fr) 3.25rem;
    gap: 0.55rem;
  }
  .vm-experience-stage-end-field.is-visible {
    max-width: 100%;
  }
  .vm-contact-photo-panel {
    justify-items: center;
  }
  .vm-contact-stage-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .vm-contact-back-button,
  .vm-contact-stage-action,
  .vm-contact-next-button,
  .vm-identity-continue-button {
    width: 3.75rem;
  }
  .vm-photo-editor-body {
    grid-template-columns: 1fr;
  }
  .vm-photo-editor-stage {
    width: min(100%, 18rem);
  }
  .vm-photo-editor-footer {
    flex-direction: column-reverse;
  }
  .vm-base-resume-sheet-head,
  .vm-base-resume-sheet-grid {
    grid-template-columns: 1fr;
  }
  .vm-base-resume-sheet-photo-wrap {
    justify-content: flex-start;
  }
}
.vm-home-resume-carousel {
  position: relative;
  width: min(100%, 42rem);
  min-height: 23rem;
  margin-top: 0.5rem;
  overflow: hidden;
  border-radius: 1.6rem;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );
}
.vm-home-resume-track {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 0.8rem;
  min-height: inherit;
  padding: 1rem 0.75rem;
  animation: vm-home-resume-carousel 24s linear infinite;
  will-change: transform;
}
.vm-home-resume-carousel:hover .vm-home-resume-track {
  animation-play-state: paused;
}
.vm-home-resume-card {
  flex: 0 0 12.5rem;
  min-height: 15.75rem;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.vm-home-resume-card.is-base {
  opacity: 0.76;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}
.vm-home-resume-card.is-match {
  flex-basis: 15.5rem;
  min-height: 19rem;
  padding: 1.15rem;
  border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary) 18%, transparent),
      transparent 8.5rem
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--primary-soft) 48%, transparent),
      transparent 62%
    ),
    color-mix(in srgb, var(--surface) 98%, transparent);
  box-shadow: 0 1.2rem 3.2rem
    color-mix(in srgb, var(--primary) 16%, transparent);
}
.vm-home-resume-card.is-match span {
  color: var(--primary-dark);
}
.vm-home-resume-card.is-match strong {
  font-size: 1.16rem;
}
.vm-home-base-lines {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.15rem;
}
.vm-home-resume-line.is-mid {
  width: 68%;
}
@keyframes vm-home-resume-carousel {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-home-resume-track {
    animation: none;
  }
}
@media (max-width: 760px) {
  .vm-home-resume-carousel {
    min-height: 17.5rem;
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent
    );
    mask-image: linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent
    );
  }
  .vm-home-resume-track {
    gap: 0.65rem;
    animation-duration: 28s;
  }
  .vm-home-resume-card {
    flex-basis: 11.5rem;
    min-height: 13.5rem;
  }
  .vm-home-resume-card.is-match {
    flex-basis: 13rem;
    min-height: 15.75rem;
  }
}
.vm-home-resume-carousel {
  --vm-carousel-side-pad: max(
    1rem,
    calc((min(100vw - 2rem, 46rem) - 18.25rem) / 2)
  );
  width: min(100%, 46rem);
  min-height: 27rem;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vm-home-resume-carousel:active {
  cursor: grabbing;
}
.vm-home-resume-carousel::-webkit-scrollbar {
  display: none;
}
.vm-home-resume-track {
  width: -moz-max-content;
  width: max-content;
  min-height: inherit;
  gap: 0.9rem;
  padding: 1.2rem var(--vm-carousel-side-pad);
  animation: none;
}
.vm-home-resume-card {
  flex: 0 0 15.25rem;
  min-height: 18.5rem;
  opacity: 0.52;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}
.vm-home-resume-card.is-base {
  opacity: 0.52;
}
.vm-home-resume-card.is-match {
  flex-basis: 18.25rem;
  min-height: 22.5rem;
}
.vm-home-resume-card.is-focused {
  opacity: 1;
  transform: translateY(-0.35rem);
  border-color: color-mix(in srgb, var(--primary) 38%, var(--line));
  box-shadow: 0 1.2rem 3rem color-mix(in srgb, var(--ink) 11%, transparent);
}
.vm-home-resume-card.is-match.is-focused {
  border-color: color-mix(in srgb, var(--primary) 58%, var(--line));
  box-shadow: 0 1rem 2.2rem color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-home-resume-card.is-submitted {
  position: relative;
  overflow: hidden;
}
.vm-home-resume-card.is-rejected,
.vm-home-resume-card.is-discarded {
  pointer-events: none;
  animation: vm-home-resume-discarded 0.62s cubic-bezier(0.55, 0.06, 0.68, 0.19)
    both;
}
.vm-home-resume-card.is-hidden {
  display: none;
}
.vm-home-resume-card.is-hired {
  animation: vm-home-resume-hired 0.76s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-home-resume-card.is-hired:before,
.vm-home-resume-card.is-hired:after {
  content: "";
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  bottom: 0.7rem;
  left: 0.7rem;
  border-radius: inherit;
  pointer-events: none;
}
.vm-home-resume-card.is-hired:before {
  border: 1px solid color-mix(in srgb, var(--primary) 42%, transparent);
  animation: vm-home-hired-ring 0.9s ease-out both;
}
.vm-home-resume-card.is-hired:after {
  background:
    radial-gradient(circle, var(--primary) 0 0.12rem, transparent 0.13rem) 14%
      18% / 2.6rem 2.6rem,
    radial-gradient(circle, var(--primary-dark) 0 0.1rem, transparent 0.11rem)
      82% 22% / 2.1rem 2.1rem,
    radial-gradient(circle, var(--focus) 0 0.11rem, transparent 0.12rem) 72%
      78% / 2.4rem 2.4rem;
  opacity: 0;
  animation: vm-home-hired-spark 0.9s ease-out both;
}
.vm-home-resume-result {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.25rem;
  padding: 0 0.82rem;
  border-radius: 999px;
  background: var(--surface);
  color: var(--primary-dark);
  font-size: 0.78rem;
  font-weight: 950;
  white-space: nowrap;
  box-shadow: 0 0.85rem 2rem color-mix(in srgb, var(--ink) 14%, transparent);
  transform: translate(-50%, -50%);
  animation: vm-home-result-pop 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-home-resume-card.is-rejected .vm-home-resume-result {
  border: 1px solid color-mix(in srgb, var(--danger) 32%, var(--line));
  color: var(--danger);
}
.vm-home-resume-card.is-hired .vm-home-resume-result {
  border: 1px solid color-mix(in srgb, var(--primary) 42%, var(--line));
}
.vm-home-resume-dots {
  display: none;
  justify-content: center;
  gap: 0.45rem;
  margin-top: -0.45rem;
}
.vm-home-resume-dots button {
  width: 0.55rem;
  height: 0.55rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line-strong) 76%, transparent);
  cursor: pointer;
  transition:
    width 0.18s ease,
    background 0.18s ease;
}
.vm-home-resume-dots button.is-active {
  width: 1.45rem;
  background: var(--primary);
}
.vm-home-resume-submit {
  justify-self: center;
  display: inline-grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: 0.4rem;
  border: 1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  color: var(--primary-dark);
  cursor: pointer;
  box-shadow: 0 0.7rem 1.7rem color-mix(in srgb, var(--ink) 7%, transparent);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}
.vm-home-resume-submit:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--primary) 36%, var(--line));
  background: var(--primary-soft);
  color: var(--primary-dark);
}
.vm-home-resume-submit:active {
  transform: translateY(0) scale(0.96);
}
@keyframes vm-home-resume-discarded {
  0% {
    opacity: 1;
    transform: translateY(-0.35rem) rotate(0);
    filter: grayscale(0);
  }
  34% {
    opacity: 0.86;
    transform: translateY(-0.35rem) rotate(-2deg) translate(-0.45rem);
  }
  to {
    opacity: 0;
    transform: translateY(5.5rem) rotate(8deg) translate(1.4rem);
    filter: grayscale(1) blur(2px);
  }
}
@keyframes vm-home-resume-hired {
  0% {
    transform: translateY(-0.35rem) scale(1);
  }
  42% {
    transform: translateY(-0.7rem) scale(1.035);
  }
  to {
    transform: translateY(-0.35rem) scale(1);
  }
}
@keyframes vm-home-result-pop {
  0% {
    opacity: 0;
    transform: translate(-50%, -44%) scale(0.86);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes vm-home-hired-ring {
  0% {
    opacity: 0.75;
    transform: scale(0.92);
  }
  to {
    opacity: 0;
    transform: scale(1.18);
  }
}
@keyframes vm-home-hired-spark {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  28% {
    opacity: 0.55;
  }
  to {
    opacity: 0;
    transform: translateY(-0.35rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-home-resume-carousel {
    scroll-behavior: auto;
  }
  .vm-home-resume-card,
  .vm-home-resume-dots button,
  .vm-home-resume-submit,
  .vm-home-resume-result,
  .vm-home-resume-card.is-rejected,
  .vm-home-resume-card.is-discarded,
  .vm-home-resume-card.is-hired,
  .vm-home-resume-card.is-hired:before,
  .vm-home-resume-card.is-hired:after {
    transition: none;
    animation: none;
  }
}
@media (max-width: 760px) {
  .vm-home-resume-carousel {
    --vm-carousel-side-pad: max(0.9rem, calc((100vw - 17rem) / 2));
    width: 100%;
    min-height: 21rem;
    touch-action: pan-x pan-y;
  }
  .vm-home-resume-track {
    gap: 0.7rem;
    padding: 1rem var(--vm-carousel-side-pad);
  }
  .vm-home-resume-card {
    flex-basis: 13.25rem;
    min-height: 16rem;
  }
  .vm-home-resume-card.is-match {
    flex-basis: 15rem;
    min-height: 18.75rem;
  }
}
.vm-home-flow-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: center;
  margin-top: 1.4rem;
}
.vm-home-flow-card {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: 24rem;
  padding: 0.25rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: transform 0.22s ease;
}
.vm-home-flow-card:hover {
  transform: translateY(-4px);
}
.vm-home-flow-card > span {
  width: -moz-fit-content;
  width: fit-content;
  color: var(--primary);
  font-size: 0.8rem;
  font-weight: 950;
  letter-spacing: 0.12em;
}
.vm-home-flow-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 1.2rem;
  letter-spacing: -0.025em;
}
.vm-home-flow-card > p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.vm-home-flow-paper,
.vm-home-flow-job {
  display: grid;
  gap: 0.65rem;
  min-height: 14.5rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  background: #fff;
}
.vm-home-flow-raw {
  position: relative;
  display: grid;
  gap: 0.7rem;
  min-height: 17.5rem;
  padding: 1rem;
  border: 1px dashed color-mix(in srgb, var(--line-strong) 82%, transparent);
  border-radius: 1.1rem;
  background:
    radial-gradient(
      circle at 18% 20%,
      color-mix(in srgb, var(--primary-soft) 45%, transparent),
      transparent 6rem
    ),
    color-mix(in srgb, var(--surface) 66%, transparent);
}
.vm-home-flow-raw div {
  display: grid;
  gap: 0.2rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 88%;
  padding: 0.62rem 0.72rem;
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 0.85rem;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}
.vm-home-flow-raw div:nth-child(2) {
  justify-self: end;
  transform: rotate(1.2deg);
}
.vm-home-flow-raw div:nth-child(3) {
  margin-left: 1rem;
  transform: rotate(-1deg);
}
.vm-home-flow-raw strong {
  color: var(--ink);
  font-size: 0.88rem;
}
.vm-home-flow-raw span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
}
.vm-home-flow-job {
  border-color: color-mix(in srgb, var(--line-strong) 82%, transparent);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, white 38%, transparent);
}
.vm-home-flow-job p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}
.vm-home-flow-job-text,
.vm-home-flow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.vm-home-flow-tags em {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: var(--primary-soft);
  color: var(--primary-dark);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 900;
}
.vm-home-flow-job-text {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.15rem;
}
.vm-home-flow-job-text span,
.vm-home-flow-paper section p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.45;
}
.vm-home-flow-arrow {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--primary);
}
@media (max-width: 760px) {
  .vm-home-flow-visual {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }
  .vm-home-flow-card {
    min-height: auto;
  }
  .vm-home-flow-paper,
  .vm-home-flow-job {
    min-height: 12rem;
  }
  .vm-home-flow-arrow {
    justify-self: center;
    transform: rotate(90deg);
  }
}
.vm-home-flow-paper {
  align-content: start;
  gap: 0.78rem;
  min-height: 17.5rem;
  padding: 1.05rem;
}
.vm-home-flow-resume-head {
  display: grid;
  gap: 0.25rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
}
.vm-home-flow-resume-head span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 750;
}
.vm-home-flow-paper section {
  display: grid;
  gap: 0.36rem;
}
.vm-home-flow-paper small {
  align-self: auto;
  color: var(--ink);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-home-flow-paper.is-final {
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--primary) 12%, transparent),
      transparent 7rem
    ),
    linear-gradient(
      180deg,
      #fff,
      color-mix(in srgb, var(--primary-soft) 16%, #ffffff)
    );
}
.vm-home-flow-paper.is-final .vm-home-flow-resume-head {
  border-bottom-color: color-mix(in srgb, var(--primary) 24%, var(--line));
}
.vm-home-flow-paper.is-final section {
  padding-left: 0.55rem;
  border-left: 2px solid color-mix(in srgb, var(--primary) 28%, transparent);
}
@media (max-width: 760px) {
  .vm-home-flow-paper {
    min-height: 14rem;
  }
}
.vm-home-header .vm-home-nav a {
  border: 0;
  background: transparent;
}
@media (max-width: 760px) {
  .vm-home-header {
    align-items: stretch;
    flex-direction: column;
    width: min(100% - 1.4rem, 44rem);
    min-height: auto;
    padding: 0.75rem 0;
  }
  .vm-home-brand span {
    white-space: normal;
  }
  .vm-home-header .vm-home-nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.45rem;
    margin-left: 0;
  }
  .vm-home-header .vm-home-nav a,
  .vm-home-header .vm-home-nav .button-primary {
    justify-content: center;
    min-height: 2.25rem;
    padding: 0 0.7rem;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 58%, transparent);
    font-size: 0.76rem;
  }
  .vm-home-header .vm-home-nav a.is-active {
    border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
    background: var(--primary-soft);
  }
  .vm-home-header .vm-home-nav a.is-active:after {
    display: none;
  }
}
@media (max-width: 760px) {
  html {
    font-size: 86%;
  }
  .vm-home-page {
    height: auto;
    min-height: 100dvh;
    overflow-y: auto;
    scroll-snap-type: none;
    overscroll-behavior-y: auto;
  }
  .vm-home-header {
    position: fixed;
    top: 0.45rem;
    left: auto;
    right: 0.65rem;
    z-index: 40;
    display: block;
    width: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: none;
  }
  .vm-home-brand,
  .vm-home-brand span {
    display: none;
  }
  .vm-home-menu-button {
    display: inline-grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 78%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 72%, transparent);
    color: var(--primary-dark);
    cursor: pointer;
  }
  .vm-home-header .vm-home-nav {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    left: auto;
    display: none;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    width: min(17.5rem, calc(100vw - 1.3rem));
    padding: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--line) 62%, transparent);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--bg) 88%, transparent);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--ink) 10%, transparent);
  }
  .vm-home-header .vm-home-nav.is-open {
    display: grid;
  }
  .vm-home-header .vm-home-nav a,
  .vm-home-header .vm-home-nav .button-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0 0.75rem;
    font-size: 0.82rem;
    line-height: 1.1;
  }
  .vm-home-header .vm-home-nav .button-primary {
    width: 100%;
  }
  .vm-home-main {
    width: min(100% - 1rem, 30rem);
  }
  .vm-home-main > section {
    min-height: auto;
    scroll-snap-align: none;
    padding-block: 6.4rem 3rem;
  }
  .vm-home-main > section:first-child {
    min-height: 100dvh;
    padding-top: 7.8rem;
  }
  .vm-home-hero {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .vm-home-hero-copy h1 {
    max-width: 12ch;
    font-size: clamp(2.55rem, 13vw, 4rem);
  }
  .vm-home-hero-copy > p:not(.vm-eyebrow) {
    font-size: 0.98rem;
    line-height: 1.58;
  }
  .vm-home-actions .button-primary {
    width: 100%;
  }
  .vm-home-proof span:nth-child(3) {
    display: none;
  }
  .vm-home-product {
    padding: 0;
  }
  .vm-home-resume-carousel {
    --vm-carousel-side-pad: max(0.5rem, calc((100vw - 14.4rem) / 2));
    width: 100%;
    min-height: 17.75rem;
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent,
      #000 4%,
      #000 96%,
      transparent
    );
    mask-image: linear-gradient(
      90deg,
      transparent,
      #000 4%,
      #000 96%,
      transparent
    );
  }
  .vm-home-resume-track {
    gap: 0.55rem;
    padding: 0.85rem var(--vm-carousel-side-pad);
  }
  .vm-home-resume-card {
    flex-basis: 11.9rem;
    min-height: 14.1rem;
    padding: 0.85rem;
  }
  .vm-home-resume-card.is-match {
    flex-basis: 13.4rem;
    min-height: 16.6rem;
  }
  .vm-home-resume-card p,
  .vm-home-ats-section small,
  .vm-home-tags em {
    font-size: 0.72rem;
  }
  .vm-home-section-head h2,
  .vm-home-plans h2 {
    font-size: clamp(1.8rem, 10vw, 2.55rem);
  }
  .vm-home-flow-visual {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
  .vm-home-flow-card {
    min-height: auto;
    padding: 0;
  }
  .vm-home-flow-card > p {
    display: none;
  }
  .vm-home-flow-arrow {
    width: 1.8rem;
    height: 1.8rem;
    justify-self: center;
    transform: rotate(90deg);
  }
  .vm-home-flow-raw,
  .vm-home-flow-paper,
  .vm-home-flow-job {
    min-height: auto;
    padding: 0.85rem;
  }
  .vm-home-flow-raw {
    gap: 0.48rem;
  }
  .vm-home-flow-raw div {
    max-width: 100%;
    padding: 0.48rem 0.58rem;
  }
  .vm-home-flow-raw div:nth-child(2),
  .vm-home-flow-raw div:nth-child(3) {
    justify-self: stretch;
    margin-left: 0;
    transform: none;
  }
  .vm-home-flow-job p,
  .vm-home-flow-job-text span,
  .vm-home-flow-paper section p {
    font-size: 0.74rem;
  }
  .vm-home-value-grid,
  .vm-home-testimonials,
  .vm-home-faq-grid {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
  .vm-home-value-grid article,
  .vm-home-testimonials article,
  .vm-home-faq-grid article {
    min-height: auto;
    padding: 0.95rem;
  }
  .vm-home-plans {
    grid-template-columns: 1fr;
    gap: 0.9rem;
    padding: 0;
  }
  .vm-home-plans ul {
    display: grid;
    gap: 0.45rem;
  }
  .vm-home-testimonials article:nth-child(n + 3),
  .vm-home-faq-grid article:nth-child(n + 3) {
    display: none;
  }
}
.vm-home2-page {
  --vm-home2-ink: #111827;
  --vm-home2-copy: #6b7280;
  --vm-home2-soft: #f5f7fb;
  --vm-home2-paper: rgba(255, 255, 255, 0.72);
  --vm-home2-line: rgba(58, 102, 176, 0.12);
  --vm-home2-line-strong: rgba(58, 102, 176, 0.22);
  --vm-home2-glow: rgba(90, 139, 214, 0.18);
  min-height: 100dvh;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    radial-gradient(
      circle at 10% 18%,
      rgba(90, 139, 214, 0.18),
      transparent 20rem
    ),
    radial-gradient(
      circle at 84% 12%,
      rgba(17, 24, 39, 0.08),
      transparent 24rem
    ),
    linear-gradient(90deg, rgba(58, 102, 176, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(58, 102, 176, 0.03) 1px, transparent 1px),
    linear-gradient(180deg, #fff, #e5e7eb);
  background-size:
    auto,
    auto,
    2.1rem 2.1rem,
    2.1rem 2.1rem,
    auto;
}
:root[data-theme="dark"] .vm-home2-page {
  --vm-home2-ink: #ffffff;
  --vm-home2-copy: #d1d5db;
  --vm-home2-soft: rgba(90, 139, 214, 0.08);
  --vm-home2-paper: rgba(17, 24, 39, 0.56);
  --vm-home2-line: rgba(209, 213, 219, 0.1);
  --vm-home2-line-strong: rgba(209, 213, 219, 0.18);
  --vm-home2-glow: rgba(90, 139, 214, 0.16);
  background:
    radial-gradient(
      circle at 18% 16%,
      rgba(90, 139, 214, 0.12),
      transparent 20rem
    ),
    radial-gradient(
      circle at 82% 14%,
      rgba(255, 255, 255, 0.05),
      transparent 24rem
    ),
    linear-gradient(90deg, rgba(90, 139, 214, 0.045) 1px, transparent 1px),
    linear-gradient(rgba(90, 139, 214, 0.04) 1px, transparent 1px),
    linear-gradient(180deg, #000, #111827);
  background-size:
    auto,
    auto,
    2.1rem 2.1rem,
    2.1rem 2.1rem,
    auto;
}
.vm-home2-header {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  width: min(78rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: 1rem 0;
  background: color-mix(in srgb, var(--bg) 74%, transparent);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.vm-home2-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: inherit;
  text-decoration: none;
}
.vm-home2-brand img {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-home2-brand div {
  display: grid;
  gap: 0.1rem;
}
.vm-home2-brand strong {
  color: var(--vm-home2-ink);
  font-family: Manrope, sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  line-height: 1;
}
.vm-home2-brand span {
  color: var(--vm-home2-copy);
  font-size: 0.8rem;
  font-weight: 700;
}
.vm-home2-menu-button {
  display: none;
}
.vm-home2-nav {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-left: auto;
}
.vm-home2-nav a,
.vm-home2-secondary {
  color: var(--vm-home2-copy);
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
  transition:
    color 0.18s ease,
    opacity 0.18s ease;
}
.vm-home2-nav a:hover,
.vm-home2-secondary:hover,
.vm-home2-nav a.is-active {
  color: var(--vm-home2-ink);
}
.vm-home2-nav a.is-active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.25rem;
  border-radius: 999px;
  background: currentColor;
}
.vm-home2-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3rem;
  padding: 0 1.05rem;
  border: 1px solid rgba(20, 38, 30, 0.12);
  border-radius: 999px;
  background: var(--vm-home2-ink);
  color: #f8fbf7;
  font-size: 0.92rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 1rem 2rem #14261e1f;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
.vm-home2-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 1.2rem 2.4rem #14261e2e;
}
:root[data-theme="dark"] .vm-home2-cta {
  background: #ebf5ec;
  color: #0a2218;
}
.vm-home2-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  padding: 0 0.2rem;
}
.vm-home2-main {
  width: min(78rem, calc(100% - 2rem));
  margin: 0 auto;
  padding-bottom: 5rem;
}
.vm-home2-hero,
.vm-home2-section {
  min-height: 100dvh;
  display: grid;
  align-content: center;
  padding-block: clamp(4rem, 9vw, 7rem);
}
.vm-home2-hero {
  grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1fr);
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}
.vm-home2-eyebrow,
.vm-home2-card-kicker {
  margin: 0;
  color: color-mix(in srgb, var(--vm-home2-ink) 76%, var(--primary));
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.vm-home2-hero-copy h1,
.vm-home2-section-head h2 {
  margin: 0;
  color: var(--vm-home2-ink);
  font-family: Fraunces, serif;
  letter-spacing: -0.045em;
}
.vm-home2-hero-copy h1 {
  max-width: 10ch;
  margin-top: 0.7rem;
  font-size: clamp(3.2rem, 7vw, 6rem);
  line-height: 0.92;
}
.vm-home2-hero-copy h1 span {
  display: block;
  color: color-mix(in srgb, var(--vm-home2-ink) 82%, var(--primary));
}
.vm-home2-lead,
.vm-home2-method-card p,
.vm-home2-reason-card p,
.vm-home2-pricing-copy p,
.vm-home2-testimonial p,
.vm-home2-faq-item p,
.vm-home2-sheet p {
  color: var(--vm-home2-copy);
  line-height: 1.65;
}
.vm-home2-lead {
  max-width: 38rem;
  margin: 1.25rem 0 0;
  font-size: 1.04rem;
}
.vm-home2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.7rem;
}
.vm-home2-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  max-width: 38rem;
  margin-top: 2rem;
}
.vm-home2-metrics article,
.vm-home2-method-card,
.vm-home2-pricing-board,
.vm-home2-testimonial,
.vm-home2-faq-item,
.vm-home2-stage-panel,
.vm-home2-stage-center,
.vm-home2-sheet,
.vm-home2-reason-card {
  border: 1px solid var(--vm-home2-line);
  background: var(--vm-home2-paper);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.vm-home2-metrics article {
  display: grid;
  gap: 0.22rem;
  padding: 1rem;
  border-radius: 1.3rem;
}
.vm-home2-metrics strong {
  color: var(--vm-home2-ink);
  font-size: 1.2rem;
  font-weight: 800;
}
.vm-home2-metrics span {
  color: var(--vm-home2-copy);
  font-size: 0.84rem;
  font-weight: 700;
}
.vm-home2-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(12rem, 0.78fr) minmax(0, 1fr) minmax(
      14rem,
      0.86fr
    );
  gap: 1rem;
  align-items: center;
  min-height: 34rem;
}
.vm-home2-stage-orbit {
  position: absolute;
  border: 1px dashed color-mix(in srgb, var(--vm-home2-ink) 12%, transparent);
  border-radius: 999px;
  pointer-events: none;
}
.vm-home2-stage-orbit-a {
  top: 1.6rem;
  right: 5rem;
  bottom: 2rem;
  left: 4rem;
}
.vm-home2-stage-orbit-b {
  top: 4.2rem;
  right: 1.4rem;
  bottom: 4rem;
  left: 8rem;
}
.vm-home2-stage-panel,
.vm-home2-stage-center {
  position: relative;
  display: grid;
  gap: 0.9rem;
  padding: 1.25rem;
  border-radius: 1.55rem;
  box-shadow: 0 1rem 2.6rem #14261e14;
}
.vm-home2-stage-panel span,
.vm-home2-stage-center small,
.vm-home2-sheet span,
.vm-home2-sheet-doc small,
.vm-home2-sheet-doc header span {
  color: var(--vm-home2-copy);
  font-size: 0.77rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-home2-stage-panel strong,
.vm-home2-stage-prompt p,
.vm-home2-sheet strong,
.vm-home2-sheet-doc header strong {
  color: var(--vm-home2-ink);
}
.vm-home2-stage-panel strong,
.vm-home2-sheet strong {
  font-size: 1.24rem;
  line-height: 1.12;
}
.vm-home2-stage-panel ul {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-home2-stage-panel li {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--vm-home2-copy);
  font-weight: 700;
}
.vm-home2-stage-panel li svg,
.vm-home2-pricing-board li svg {
  color: var(--primary);
}
.vm-home2-stage-center {
  gap: 1.2rem;
  min-height: 23rem;
  padding: 1.4rem;
  background:
    radial-gradient(
      circle at top right,
      var(--vm-home2-glow),
      transparent 10rem
    ),
    color-mix(in srgb, var(--vm-home2-paper) 80%, transparent);
}
.vm-home2-stage-prompt {
  display: grid;
  gap: 0.7rem;
  padding: 1rem;
  border-radius: 1.15rem;
  border: 1px solid var(--vm-home2-line);
  background: color-mix(in srgb, var(--surface) 68%, transparent);
}
.vm-home2-stage-prompt p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.vm-home2-stage-processing {
  display: grid;
  gap: 0.85rem;
}
.vm-home2-stage-processing span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 2.8rem;
  padding: 0 1rem;
  border-radius: 999px;
  border: 1px solid var(--vm-home2-line);
  background: color-mix(in srgb, var(--surface) 68%, transparent);
  color: var(--vm-home2-ink);
  font-weight: 750;
  animation: vm-home2-pulse 2.6s ease-in-out infinite;
}
.vm-home2-stage-processing span:nth-child(2) {
  animation-delay: 0.3s;
}
.vm-home2-stage-processing span:nth-child(3) {
  animation-delay: 0.6s;
}
.vm-home2-stage-processing span:before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 72%, white);
  box-shadow: 0 0 #3a66b040;
  animation: vm-home2-dot 2.1s ease-in-out infinite;
}
.vm-home2-resume-mini {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem;
  border-radius: 1rem;
  border: 1px solid var(--vm-home2-line);
  background: #ffffffe0;
}
:root[data-theme="dark"] .vm-home2-resume-mini {
  background: #081912eb;
}
.vm-home2-resume-mini-head {
  display: grid;
  gap: 0.2rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--vm-home2-line);
}
.vm-home2-resume-mini-head strong {
  font-size: 1rem;
}
.vm-home2-resume-mini-head em {
  color: var(--vm-home2-copy);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 700;
}
.vm-home2-resume-mini-block {
  display: grid;
  gap: 0.45rem;
}
.vm-home2-resume-mini-block div,
.vm-home2-sheet-doc section div {
  height: 0.5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vm-home2-ink) 12%, transparent);
}
.vm-home2-resume-mini-block div.is-short,
.vm-home2-sheet-doc section div.is-short {
  width: 58%;
}
.vm-home2-section {
  gap: 1.7rem;
}
.vm-home2-section-head {
  display: grid;
  gap: 0.65rem;
}
.vm-home2-section-head h2 {
  max-width: 14ch;
  font-size: clamp(2.4rem, 5vw, 4.4rem);
  line-height: 0.96;
}
.vm-home2-method-grid,
.vm-home2-reasons,
.vm-home2-testimonials,
.vm-home2-faq {
  display: grid;
  gap: 1rem;
}
.vm-home2-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-home2-method-card,
.vm-home2-reason-card,
.vm-home2-testimonial,
.vm-home2-faq-item {
  display: grid;
  gap: 0.8rem;
  padding: 1.25rem;
  border-radius: 1.35rem;
}
.vm-home2-method-index {
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--vm-home2-ink) 94%, white);
  color: #f4faf4;
  font-size: 0.8rem;
  font-weight: 900;
}
:root[data-theme="dark"] .vm-home2-method-index {
  color: #091a12;
  background: #eef6ef;
}
.vm-home2-method-card h3,
.vm-home2-reason-card h3,
.vm-home2-faq-item h3 {
  margin: 0;
  color: var(--vm-home2-ink);
  font-size: 1.18rem;
  line-height: 1.15;
}
.vm-home2-outcome {
  display: grid;
  gap: 1.1rem;
}
.vm-home2-outcome-tabs {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.28rem;
  border: 1px solid var(--vm-home2-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 54%, transparent);
}
.vm-home2-outcome-tabs button {
  min-height: 2.5rem;
  padding: 0 1rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--vm-home2-copy);
  font-weight: 800;
}
.vm-home2-outcome-tabs button.is-active {
  background: var(--vm-home2-ink);
  color: #f4faf4;
}
:root[data-theme="dark"] .vm-home2-outcome-tabs button.is-active {
  color: #081912;
  background: #edf6ee;
}
.vm-home2-outcome-stage {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}
.vm-home2-sheet {
  display: grid;
  gap: 0.85rem;
  padding: 1.3rem;
  border-radius: 1.55rem;
  box-shadow: 0 1rem 2.3rem #14261e14;
}
.vm-home2-sheet ul {
  display: grid;
  gap: 0.55rem;
  margin: 0.2rem 0 0;
  padding-left: 1rem;
  color: var(--vm-home2-copy);
}
.vm-home2-sheet-divider {
  display: grid;
  gap: 0.5rem;
  place-items: center;
  color: var(--vm-home2-ink);
}
.vm-home2-sheet-doc {
  display: grid;
  gap: 0.8rem;
  padding: 1.1rem;
  border-radius: 1.05rem;
  border: 1px solid var(--vm-home2-line);
  background: #ffffffeb;
}
:root[data-theme="dark"] .vm-home2-sheet-doc {
  background: #0a1c14f0;
}
.vm-home2-sheet-doc header,
.vm-home2-sheet-doc section {
  display: grid;
  gap: 0.45rem;
}
.vm-home2-sheet-doc header {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--vm-home2-line);
}
.vm-home2-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}
.vm-home2-chip-row em {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 14%, white);
  color: color-mix(in srgb, var(--vm-home2-ink) 76%, var(--primary));
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 800;
}
.vm-home2-reasons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-home2-reason-card svg {
  color: color-mix(in srgb, var(--vm-home2-ink) 76%, var(--primary));
}
.vm-home2-pricing {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(18rem, 0.72fr);
  gap: 1.2rem;
  align-items: start;
}
.vm-home2-pricing h2 {
  max-width: 12ch;
  margin: 0.5rem 0 0;
  color: var(--vm-home2-ink);
  font-family: Fraunces, serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
}
.vm-home2-pricing-board {
  display: grid;
  gap: 1rem;
  padding: 1.4rem;
  border-radius: 1.55rem;
}
.vm-home2-pricing-board article {
  display: grid;
  gap: 0.35rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--vm-home2-line);
}
.vm-home2-pricing-board article span {
  color: var(--vm-home2-copy);
  font-size: 0.8rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-home2-pricing-board article strong {
  color: var(--vm-home2-ink);
  font-size: clamp(2.4rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 0.95;
}
.vm-home2-pricing-board article p {
  margin: 0;
  color: var(--vm-home2-copy);
}
.vm-home2-pricing-board ul {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-home2-pricing-board li {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--vm-home2-copy);
  font-weight: 750;
}
.vm-home2-testimonials {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-home2-testimonial {
  align-content: space-between;
  min-height: 16rem;
}
.vm-home2-testimonial p {
  margin: 0;
  color: var(--vm-home2-ink);
  font-size: 1rem;
  line-height: 1.75;
}
.vm-home2-testimonial div {
  display: grid;
  gap: 0.18rem;
}
.vm-home2-testimonial strong {
  color: var(--vm-home2-ink);
  font-size: 0.96rem;
}
.vm-home2-testimonial span {
  color: var(--vm-home2-copy);
  font-size: 0.84rem;
  font-weight: 700;
}
.vm-home2-faq {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-home2-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-home2-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@keyframes vm-home2-pulse {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes vm-home2-dot {
  0%,
  to {
    box-shadow: 0 0 #3a66b029;
  }
  50% {
    box-shadow: 0 0 0 0.55rem #3a66b000;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-home2-reveal,
  .vm-home2-stage-processing span,
  .vm-home2-stage-processing span:before {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}
@media (max-width: 980px) {
  .vm-home2-hero,
  .vm-home2-pricing,
  .vm-home2-outcome-stage {
    grid-template-columns: 1fr;
  }
  .vm-home2-stage {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .vm-home2-stage-orbit {
    display: none;
  }
  .vm-home2-sheet-divider {
    grid-auto-flow: column;
    justify-content: center;
  }
  .vm-home2-method-grid,
  .vm-home2-testimonials,
  .vm-home2-faq {
    grid-template-columns: 1fr;
  }
  .vm-home2-reasons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .vm-page {
    min-height: 100dvh;
    height: 100dvh;
    overflow: hidden;
  }
  .vm-page > .vm-topbar,
  .vm-page > .vm-wizard-shell {
    display: none;
  }
  .vm-app-mobile-notice {
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 1.25rem;
  }
  .vm-home2-page {
    min-height: 100dvh;
  }
  .vm-home2-header {
    position: fixed;
    top: 0.55rem;
    left: 0.5rem;
    right: 0.5rem;
    width: auto;
    padding: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .vm-home2-brand {
    display: none;
  }
  .vm-home2-menu-button {
    display: inline-grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    margin-left: auto;
    border: 1px solid var(--vm-home2-line-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 76%, transparent);
    color: var(--vm-home2-ink);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .vm-home2-nav {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    display: none;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    width: min(17rem, calc(100vw - 1rem));
    padding: 0.55rem;
    margin-left: 0;
    border: 1px solid var(--vm-home2-line);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--bg) 84%, transparent);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 1rem 2rem #14261e1f;
  }
  .vm-home2-nav.is-open {
    display: grid;
  }
  .vm-home2-nav a {
    min-height: 2.5rem;
    padding: 0 0.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 70%, transparent);
  }
  .vm-home2-nav a.is-active:after {
    display: none;
  }
  .vm-home2-main {
    width: min(100% - 1rem, 32rem);
  }
  .vm-home2-hero,
  .vm-home2-section {
    min-height: auto;
    padding-block: 6rem 3.5rem;
  }
  .vm-home2-hero-copy h1 {
    max-width: 10ch;
    font-size: clamp(2.65rem, 14vw, 4.35rem);
  }
  .vm-home2-lead {
    font-size: 0.98rem;
  }
  .vm-home2-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .vm-home2-secondary,
  .vm-home2-cta {
    justify-content: center;
  }
  .vm-home2-metrics,
  .vm-home2-reasons {
    grid-template-columns: 1fr;
  }
  .vm-home2-stage-panel,
  .vm-home2-stage-center,
  .vm-home2-sheet,
  .vm-home2-method-card,
  .vm-home2-reason-card,
  .vm-home2-pricing-board,
  .vm-home2-testimonial,
  .vm-home2-faq-item {
    padding: 1rem;
    border-radius: 1.2rem;
  }
  .vm-home2-section-head h2,
  .vm-home2-pricing h2 {
    max-width: 100%;
    font-size: clamp(2rem, 11vw, 3rem);
  }
  .vm-home2-outcome-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .vm-home2-outcome-tabs button {
    width: 100%;
  }
  .vm-home2-testimonial {
    min-height: auto;
  }
  .vm-page {
    min-height: 100dvh;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .vm-page.has-wizard-scroll,
  .vm-page.has-wizard-scroll.is-adapt-preview-active {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    height: 100dvh;
    overflow: hidden;
  }
  .vm-page.has-wizard-scroll.vm-settings-shell {
    min-height: 100dvh;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .vm-page.has-wizard-scroll.vm-settings-shell > .vm-route-content {
    flex: 1 1 auto;
    min-height: 0;
  }
  .vm-page > .vm-topbar {
    display: flex;
  }
  .vm-page > .vm-wizard-shell,
  .vm-page > .vm-route-content,
  .vm-page > .vm-settings-page {
    display: block;
  }
  .vm-page.has-wizard-scroll > .vm-topbar {
    flex: 0 0 auto;
  }
  .vm-page.has-wizard-scroll > .vm-wizard-shell {
    flex: 1 1 auto;
    min-height: 0;
  }
  .vm-app-mobile-notice {
    display: none !important;
  }
  .vm-topbar {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: auto;
    padding: 0.75rem 0.8rem;
    position: relative;
    z-index: 40;
  }
  .vm-brand,
  .vm-brand-link {
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
  }
  .vm-brand-copy {
    display: none;
  }
  .vm-brand-title {
    font-size: 1rem;
  }
  .vm-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: auto;
    min-width: 2.6rem;
    min-height: 2.6rem;
    padding: 0 0.9rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    margin-left: auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 45;
  }
  .vm-menu-toggle span {
    display: none;
  }
  .vm-topbar-actions {
    display: grid;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 35;
    align-content: center;
    justify-items: center;
    grid-auto-rows: min-content;
    width: 100vw;
    height: 100dvh;
    grid-template-columns: 1fr;
    gap: 0.95rem;
    padding: max(5.25rem, 16vh) 1.25rem 1.5rem;
    border-top: 0;
    background:
      linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg) 94%, transparent),
        color-mix(in srgb, var(--bg) 98%, transparent)
      ),
      radial-gradient(
        circle at top right,
        color-mix(in srgb, var(--primary-soft) 28%, transparent),
        transparent 13rem
      );
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-1.4rem) scale(0.97);
    transition:
      opacity 0.26s ease,
      transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0ms linear 0.36s;
  }
  .vm-topbar-actions.is-open {
    display: grid;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition:
      opacity 0.26s ease,
      transform 0.36s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0ms linear 0ms;
  }
  .vm-mobile-menu-shell {
    display: grid;
    gap: 0.8rem;
    width: min(100%, 25rem);
    padding: 1rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .vm-language-menu,
  .vm-theme-toggle,
  .vm-credit-pill,
  .vm-topbar .vm-route-link,
  .vm-topbar .button-secondary,
  .vm-account-menu-wrap {
    min-width: 0;
    width: 100%;
    max-width: none;
  }
  .vm-language-trigger,
  .vm-theme-toggle,
  .vm-credit-pill,
  .vm-topbar .vm-route-link,
  .vm-topbar .button-secondary {
    justify-content: flex-start;
    width: 100%;
  }
  .vm-topbar-actions > * {
    opacity: 0;
    transform: translateY(14px);
    transition:
      opacity 0.24s ease,
      transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .vm-topbar-actions.is-open > * {
    opacity: 1;
    transform: translateY(0);
  }
  .vm-mobile-menu-shell > * {
    opacity: 0;
    transform: translateY(10px);
    transition:
      opacity 0.22s ease,
      transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .vm-topbar-actions.is-open .vm-mobile-menu-shell > * {
    opacity: 1;
    transform: translateY(0);
  }
  .vm-mobile-menu-shell > *:nth-child(1) {
    transition-delay: 40ms;
  }
  .vm-mobile-menu-shell > *:nth-child(2) {
    transition-delay: 80ms;
  }
  .vm-mobile-menu-shell > *:nth-child(3) {
    transition-delay: 0.12s;
  }
  .vm-mobile-menu-shell > *:nth-child(4) {
    transition-delay: 0.16s;
  }
  .vm-mobile-menu-shell > *:nth-child(5) {
    transition-delay: 0.2s;
  }
  .vm-mobile-menu-shell > *:nth-child(6) {
    transition-delay: 0.24s;
  }
  .vm-language-dropdown,
  .vm-account-menu-panel {
    width: 100%;
    left: 0;
    right: auto;
  }
  .vm-topbar-actions.is-open .vm-language-menu {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    padding: 0.8rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--line));
    border-radius: 1.15rem;
    background: color-mix(in srgb, var(--surface) 72%, transparent);
  }
  .vm-topbar-actions.is-open .vm-language-trigger {
    min-height: auto;
    padding: 0;
    justify-content: space-between;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
  }
  .vm-topbar-actions.is-open .vm-language-dropdown {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.35rem);
    transition:
      max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.22s ease,
      transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0ms linear 0.28s;
  }
  .vm-topbar-actions.is-open .vm-language-dropdown.is-open {
    max-height: 20rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition:
      max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.22s ease,
      transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0ms linear 0ms;
  }
  .vm-topbar-actions.is-open .vm-account-menu-wrap {
    display: grid;
    gap: 0.6rem;
    align-content: start;
    justify-items: stretch;
  }
  .vm-topbar-actions.is-open .vm-user-avatar-card {
    justify-self: start;
  }
  .vm-topbar-actions.is-open .vm-account-menu-panel {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    width: 100%;
    min-width: 0;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .vm-topbar-actions.is-open .vm-language-option {
    min-height: 4.15rem;
    padding: 0.75rem 0.8rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--line));
    background: color-mix(in srgb, var(--surface) 88%, transparent);
  }
  .vm-topbar-actions.is-open .vm-language-option.is-active {
    border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
    background: color-mix(in srgb, var(--primary-soft) 74%, var(--surface));
  }
  .vm-topbar-actions.is-open .vm-language-option-copy small {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
  }
  .vm-topbar-actions.is-open .vm-theme-toggle,
  .vm-topbar-actions.is-open .vm-route-link,
  .vm-topbar-actions.is-open .button-secondary,
  .vm-topbar-actions.is-open .vm-credit-pill {
    min-height: 3.1rem;
    padding-inline: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--primary) 12%, var(--line));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--surface) 80%, transparent);
    box-shadow: none;
  }
  .vm-account-menu-wrap {
    justify-self: stretch;
  }
  .vm-mobile-menu-shell > .vm-account-menu-wrap {
    order: -1;
  }
  .vm-user-avatar-card {
    justify-self: center;
  }
  .vm-wizard-shell,
  .vm-wizard-shell.is-entry,
  .vm-wizard-shell.is-entry.has-adapt-preview {
    display: block;
    width: 100%;
    height: auto;
    min-height: auto;
    padding: 0.8rem;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) {
    display: grid;
    min-height: calc(100dvh - 4.5rem);
    align-items: stretch;
  }
  .vm-page.has-transparent-header .vm-wizard-shell.is-entry,
  .vm-page.has-wizard-scroll .vm-wizard-shell.is-entry {
    height: auto;
    min-height: auto;
  }
  .vm-wizard-main,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-main,
  .vm-wizard-action-panel,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-action-panel,
  .vm-wizard-preview-panel,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-panel {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .vm-wizard-main {
    margin-bottom: 0.8rem;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-wizard-main {
    display: flex;
    min-height: calc(100dvh - 6.1rem);
    margin-bottom: 0;
    align-items: stretch;
  }
  .vm-wizard-action-panel {
    margin: 0 0 0.8rem;
  }
  .vm-wizard-sidebar {
    order: 3;
    max-height: none;
    overflow: visible;
  }
  .vm-wizard-action-panel {
    position: static;
    top: auto;
    transform: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    padding: 0.15rem 0 0.25rem;
    width: 100%;
    gap: 0.65rem;
  }
  .vm-wizard-action-panel .vm-stage-button {
    min-height: 3.35rem;
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    padding: 0.7rem 0.5rem;
  }
  .vm-wizard-shell.is-entry.has-adapt-preview
    .vm-wizard-action-panel
    .vm-stage-button {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
  }
  .vm-wizard-preview-panel {
    margin-top: 0;
    padding: 0;
  }
  .vm-wizard-preview-card,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-preview-card,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-card {
    width: 100%;
    max-width: 100%;
    padding: 0.2rem;
    min-height: 0;
  }
  .vm-wizard-card,
  .vm-wizard-shell.is-entry .vm-wizard-card,
  .vm-page.has-wizard-scroll .vm-wizard-shell.is-entry .vm-wizard-card,
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-card {
    min-height: 0;
    height: auto;
    place-items: stretch;
    align-content: start;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-wizard-card {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: calc(100dvh - 6.1rem);
    align-items: center;
    justify-content: center;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-entry-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    width: 100%;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-entry-stage-copy,
  .vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-entry-stage-actions {
    align-self: center;
  }
  .vm-entry-stage-title,
  .vm-identity-stage-title,
  .vm-contact-stage-title,
  .vm-links-stage-title {
    font-size: clamp(2rem, 12vw, 3.2rem);
    line-height: 0.96;
  }
  .vm-adapt-resume-stage {
    grid-template-rows: auto auto;
    align-items: start;
    align-content: start;
    justify-items: stretch;
    gap: 0.8rem;
    min-height: 0;
    margin: 0;
    text-align: center;
  }
  .vm-adapt-resume-stage .vm-entry-stage-copy,
  .vm-adapt-resume-copy {
    gap: 0.45rem;
    align-self: start;
    justify-items: center;
    text-align: center;
  }
  .vm-identity-stage-form,
  .vm-contact-stage-form,
  .vm-links-stage-form,
  .vm-summary-stage-form,
  .vm-base-resume-stage,
  .vm-adapt-resume-stage {
    width: 100%;
    max-width: none;
    padding-inline: 0;
  }
  .vm-grid-two,
  .vm-row-grid,
  .vm-row-grid-links,
  .vm-row-grid-inline,
  .vm-identity-stage-grid,
  .vm-contact-stage-grid,
  .vm-settings-grid.two-columns,
  .vm-settings-inline {
    grid-template-columns: 1fr;
  }
  .vm-pdf-preview-frame {
    height: min(56vh, 32rem);
    max-height: min(56vh, 32rem);
    margin-top: 0.45rem;
  }
  .vm-plans-main {
    display: block;
    width: min(100% - 1rem, 40rem);
    height: auto;
    min-height: auto;
    padding: 1rem 0 1.5rem;
  }
  .vm-plans-checkout-shell {
    min-height: auto;
    padding-top: 0;
  }
  .vm-plans-checkout-layout {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .vm-payment-qr {
    width: min(11rem, 100%);
  }
  .vm-settings-page {
    width: min(100vw - 1rem, 100%);
    padding: 0.9rem 0 1.6rem;
  }
  .vm-settings-toolbar {
    display: grid;
    position: static;
    justify-content: stretch;
    gap: 0.7rem;
    padding-bottom: 0.5rem;
    background: transparent;
  }
  .vm-settings-toolbar-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .vm-settings-toolbar-actions .button-primary,
  .vm-settings-toolbar-actions .button-secondary {
    width: 100%;
    justify-content: center;
  }
  .vm-settings-toolbar-status {
    justify-content: flex-start;
    min-height: 0;
  }
  .vm-settings-layout {
    grid-template-columns: 1fr;
    gap: 1rem;
    min-height: auto;
  }
  .vm-settings-nav {
    position: static;
  }
  .vm-settings-content {
    max-height: none;
    overflow: visible;
    padding-right: 0;
    padding-bottom: 0.5rem;
  }
  .vm-settings-nav-list {
    grid-template-columns: 1fr;
  }
  .vm-settings-section,
  .vm-settings-danger-card,
  .vm-settings-nav-card,
  .vm-settings-item-card {
    border-radius: 1.15rem;
  }
}
@media (max-width: 480px) {
  .vm-topbar {
    padding-inline: 0.65rem;
  }
  .vm-topbar-actions {
    grid-template-columns: 1fr;
  }
  .vm-language-dropdown,
  .vm-account-menu-panel {
    width: min(100%, calc(100vw - 1.3rem));
  }
  .vm-entry-stage-title,
  .vm-identity-stage-title,
  .vm-contact-stage-title,
  .vm-links-stage-title {
    font-size: clamp(1.8rem, 11vw, 2.6rem);
  }
  .vm-adapt-resume-stage,
  .vm-contact-stage-actions,
  .vm-languages-stage-actions {
    gap: 0.65rem;
  }
  .vm-pdf-preview-frame {
    height: min(52vh, 28rem);
    max-height: min(52vh, 28rem);
  }
  .vm-topbar.is-cv-hub.is-full-span {
    padding-inline: 0.7rem;
    gap: 0.45rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-title {
    font-size: 0.96rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-preview-button,
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-download-button {
    padding-inline: 0.52rem;
  }
}
@media (max-width: 420px) {
  .vm-topbar.is-cv-hub.is-full-span {
    padding-inline: 0.55rem;
    gap: 0.35rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-mobile-controls,
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-header-tools {
    gap: 0.25rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-title {
    font-size: 0.92rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill-mobile {
    font-size: 0.76rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill-mobile-mark {
    width: 0.88rem;
    height: 0.88rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-preview-button,
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-download-button {
    min-width: 2.55rem;
    padding-inline: 0.48rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-preview-label {
    display: none;
  }
  .vm-download-unlock-info-modal {
    padding: 1.35rem;
  }
  .vm-download-unlock-modal-copy h2 {
    font-size: 1.7rem;
  }
}
@media (max-width: 760px) {
  .vm-wizard-shell.is-entry.has-adapt-preview .vm-wizard-action-panel {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 0.55rem !important;
  }
  .vm-wizard-shell.is-entry.has-adapt-preview
    .vm-wizard-action-panel
    > .vm-stage-button {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: calc(50% - 0.275rem) !important;
    max-width: calc(50% - 0.275rem) !important;
    min-width: 0 !important;
    flex: 0 0 calc(50% - 0.275rem) !important;
    padding-inline: 0.45rem !important;
    text-align: center !important;
    gap: 0.42rem !important;
  }
  .vm-wizard-shell.is-entry.has-adapt-preview
    .vm-wizard-action-panel
    > .vm-stage-button
    .vm-stage-button-label {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: center !important;
  }
}
@keyframes vm-mobile-menu-rise {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vm-wizard-card.is-onboarding-stack {
  display: block;
  min-height: auto;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(111, 84, 255, 0.32);
  box-shadow: none;
}
.vm-onboarding-stack {
  width: min(100%, 72rem);
  margin: 0 auto;
  padding: 1.2rem 0 2.8rem;
}
.vm-onboarding-stack-hero {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1.75rem;
}
.vm-onboarding-stack-hero h1 {
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  line-height: 0.94;
  letter-spacing: -0.05em;
}
.vm-onboarding-stack-hero p:last-child {
  margin: 0;
  max-width: 44rem;
  color: var(--text-soft);
  font-size: 1.02rem;
}
.vm-onboarding-import-button {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.8rem;
  margin: 0 0 1.15rem;
  padding: 0.95rem 1rem;
  border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
  border-radius: 1.1rem;
  background: color-mix(in srgb, var(--surface) 86%, var(--primary-soft) 14%);
  text-align: left;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-onboarding-import-button:hover,
.vm-onboarding-import-button:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background: color-mix(in srgb, var(--surface) 72%, var(--primary-soft) 28%);
  box-shadow: 0 18px 36px color-mix(in srgb, var(--primary) 12%, transparent);
}
.vm-onboarding-import-button-icon {
  width: 2.55rem;
  height: 2.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  color: #fff;
  box-shadow: 0 14px 26px #6f54ff2e;
}
.vm-onboarding-import-button-copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}
.vm-onboarding-import-button-copy strong {
  font-size: 0.98rem;
  color: var(--text);
}
.vm-onboarding-import-button-copy small {
  color: var(--text-soft);
  font-size: 0.86rem;
}
.vm-onboarding-stack-section {
  display: grid;
  gap: 1rem;
  padding: 1.35rem 0 1.5rem;
  border-top: 1px solid var(--line);
}
.vm-onboarding-stack-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.vm-onboarding-stack-section-head {
  display: grid;
  gap: 0.35rem;
}
.vm-onboarding-stack-section-head h2 {
  margin: 0;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}
.vm-onboarding-stack-section-head p {
  margin: 0;
  max-width: 46rem;
  color: var(--text-soft);
}
.vm-onboarding-stack-section-body {
  display: grid;
  gap: 1rem;
}
.vm-onboarding-stack-grid {
  display: grid;
  gap: 0.9rem;
}
.vm-onboarding-stack-grid.two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vm-onboarding-stack-grid.three-columns {
  grid-template-columns: 10rem minmax(0, 1fr) minmax(0, 1fr);
}
.vm-onboarding-stack-span-all {
  grid-column: 1 / -1;
}
.vm-onboarding-stack-list {
  display: grid;
  gap: 0.9rem;
}
.vm-onboarding-stack-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--surface) 84%, transparent);
}
.vm-link-type-select {
  position: relative;
}
.vm-link-type-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 3.1rem;
  min-width: 3.1rem;
  min-height: 3.1rem;
  border: 0;
  border-radius: 0;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
}
.vm-link-type-trigger-icon {
  color: var(--subtle);
}
.vm-link-type-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  z-index: 5;
  display: grid;
  gap: 0.2rem;
  min-width: 12.5rem;
  padding: 0.35rem;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--surface) 94%, white);
  box-shadow: 0 12px 30px #1118271f;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}
.vm-link-type-menu.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.vm-link-type-option {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: 0.6rem;
  background: transparent;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.vm-link-type-option:hover,
.vm-link-type-option:focus-visible,
.vm-link-type-option.is-active {
  background: color-mix(in srgb, var(--primary-soft) 68%, var(--surface));
  color: var(--primary-dark);
}
.vm-link-icon-picker {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}
.vm-link-icon-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  border: 1px solid var(--line);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--subtle);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-link-icon-option:hover,
.vm-link-icon-option:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 38%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 42%, var(--surface));
  color: var(--primary-dark);
  transform: translateY(-1px);
}
.vm-link-icon-option.is-active {
  border-color: color-mix(in srgb, var(--primary) 54%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 72%, var(--surface));
  color: var(--primary-dark);
  box-shadow: 0 10px 22px #6c5cff1f;
}
.vm-link-stack-card {
  display: block;
}
.vm-link-stack-grid {
  align-items: end;
  gap: 0.55rem;
}
.vm-link-stack-grid.is-default {
  grid-template-columns: 4rem minmax(0, 1fr) 2.5rem;
}
.vm-link-stack-grid.is-custom {
  grid-template-columns: 4rem minmax(0, 0.95fr) minmax(0, 1.05fr) 2.5rem;
}
.vm-link-stack-grid .vm-field {
  min-width: 0;
}
.vm-link-stack-remove {
  align-self: end;
  justify-self: end;
  width: 2.5rem;
  height: 3.1rem;
}
@media (max-width: 720px) {
  .vm-link-icon-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.vm-language-stack-card {
  display: block;
}
.vm-language-stack-grid {
  grid-template-columns: minmax(0, 1fr) minmax(9rem, 11rem) 2.5rem;
  align-items: end;
  gap: 0.75rem;
}
.vm-language-stack-grid .vm-field {
  min-width: 0;
}
.vm-language-stack-remove {
  align-self: end;
  justify-self: end;
  width: 2.5rem;
  height: 3.1rem;
}
.vm-experience-stack-card {
  display: grid;
  gap: 0.85rem;
  margin: 0;
  padding: 0.9rem 0;
  border: 0;
  border-radius: 0;
  padding-inline: 0.9rem;
}
.vm-cv-editor-form-shell .vm-experience-stack-card.is-collapsed {
  border: 1px solid var(--line);
  border-radius: 0;
}
.vm-experience-stack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.vm-experience-stack-head strong {
  color: var(--text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin-left: 0.5rem;
}
.vm-experience-stack-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  flex: 0 0 auto;
}
.vm-experience-stack-edit,
.vm-experience-stack-remove {
  width: 2.4rem;
  height: 2.4rem;
  min-height: 2.4rem;
}
.vm-onboarding-stack-remove {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.vm-onboarding-stack-footer {
  position: sticky;
  bottom: 1rem;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.vm-onboarding-stack-footer .vm-stage-button {
  min-width: 13rem;
}
.vm-onboarding-stack-error {
  margin: 0;
}
@media (max-width: 900px) {
  .vm-onboarding-stack-grid.two-columns,
  .vm-onboarding-stack-grid.three-columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .vm-onboarding-stack {
    padding: 0.6rem 0 2rem;
  }
  .vm-onboarding-stack-hero {
    margin-bottom: 1.25rem;
    text-align: center;
    justify-items: center;
  }
  .vm-onboarding-stack-section {
    padding: 1rem 0 1.15rem;
  }
  .vm-onboarding-stack-card {
    padding: 0.9rem;
  }
  .vm-onboarding-stack-remove {
    position: static;
    justify-self: end;
    margin-top: -0.1rem;
  }
  .vm-onboarding-stack-footer {
    position: static;
    justify-content: stretch;
  }
  .vm-onboarding-stack-footer .vm-stage-button {
    width: 100%;
    min-width: 0;
  }
}
.vm-cv-hub-main {
  width: 100%;
  max-width: none;
  margin: 0;
  height: 100%;
  min-height: 100%;
}
.vm-cv-hub-card {
  display: block;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  min-height: 100%;
  height: 100%;
}
.vm-cv-hub-card > .vm-step-transition,
.vm-cv-hub-card > .vm-step-content {
  height: 100%;
  min-height: 100%;
}
.vm-wizard-main.is-cv-editor,
.vm-wizard-card.is-cv-editor-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  min-height: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.vm-wizard-card.is-cv-editor-shell > .vm-step-transition,
.vm-wizard-card.is-cv-editor-shell > .vm-step-content {
  height: 100%;
}
.vm-cv-manager.vm-cv-manager-editor {
  overflow: hidden;
  background: #f5f7fb;
}
.vm-cv-manager-sidebar.vm-cv-manager-editor-sidebar {
  width: 45.5rem;
  top: 4.85rem;
  display: grid;
  grid-template-columns: 6.85rem minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  margin-bottom: 0;
  min-height: calc(100dvh - 4.85rem);
  height: calc(100dvh - 4.85rem);
  overflow: hidden;
  border-right: 1px solid rgba(226, 232, 240, 0.92);
  background: #fffffff5;
  box-shadow: 14px 0 34px #0f172a09;
}
.vm-cv-manager-content.vm-cv-manager-editor-content {
  position: fixed;
  top: 4.85rem;
  right: 0;
  bottom: 0;
  left: 45.5rem;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: auto;
}
.vm-cv-editor-rail {
  display: grid;
  align-content: start;
  gap: 1.1rem;
  padding: 1.65rem 1rem 0;
  border-right: 1px solid rgba(226, 232, 240, 0.92);
  min-height: 0;
  overflow-y: auto;
  background: #f8fafceb;
}
.vm-cv-editor-rail-item {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.5rem;
  min-height: 4.95rem;
  width: 100%;
  padding: 0.58rem 0.3rem;
  border: 0;
  border-radius: 0.95rem;
  background: transparent;
  color: #111827;
  cursor: pointer;
  text-align: center;
  transition:
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-editor-rail-item span {
  max-width: 100%;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.vm-cv-editor-rail-item:hover,
.vm-cv-editor-rail-item:focus-visible {
  color: #6d4fc2;
  background: #7c5cff12;
}
.vm-cv-editor-rail-item.is-active {
  background: linear-gradient(180deg, #7c5cff2b, #7c5cff1f);
  color: #6d4fc2;
  transform: none;
  box-shadow: none;
}
.vm-cv-editor-rail-item.is-coming-soon {
  opacity: 0.58;
  cursor: not-allowed;
}
.vm-cv-editor-rail-item.is-coming-soon:hover,
.vm-cv-editor-rail-item.is-coming-soon:focus-visible {
  color: inherit;
  background: transparent;
}
.vm-cv-editor-panel-shell {
  min-width: 0;
  min-height: 0;
  padding: 1.95rem 2.05rem 2rem;
  height: 100%;
  overflow-y: auto;
  overflow-x: visible;
  scrollbar-gutter: stable;
  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(124, 92, 255, 0.08),
      transparent 28%
    ),
    #fff;
}
.vm-cv-editor-panel-transition {
  min-height: 100%;
  padding-right: 0.7rem;
  animation: vm-cv-editor-panel-enter 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-editor-panel-transition .vm-cv-editor-form-shell {
  margin-right: -0.85rem;
}
@keyframes vm-cv-editor-panel-enter {
  0% {
    opacity: 0;
    transform: translate(0.55rem);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translate(0);
    filter: blur(0);
  }
}
.vm-cv-editor-template-panel {
  display: grid;
  align-content: start;
  gap: 1.45rem;
  min-height: 100%;
  padding: 0.15rem 0 1rem;
}
.vm-cv-editor-template-panel-head {
  display: grid;
  gap: 0.35rem;
}
.vm-cv-editor-template-panel-head h2 {
  margin: 0;
  color: #111827;
  font-size: 1.58rem;
  letter-spacing: -0.035em;
}
.vm-cv-editor-template-panel-head.is-subsection h2 {
  font-size: 1rem;
  letter-spacing: -0.02em;
}
.vm-cv-editor-font-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.15rem;
}
.vm-cv-editor-title-controls {
  display: grid;
  grid-template-columns: 0.78fr 1.1fr;
  gap: 1.15rem;
  align-items: end;
}
.vm-cv-editor-select-field,
.vm-cv-editor-color-field,
.vm-cv-editor-inline-color-field {
  position: relative;
  display: grid;
  gap: 0.45rem;
}
.vm-cv-editor-select-field span,
.vm-cv-editor-color-field span,
.vm-cv-editor-inline-color-field span {
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-cv-editor-select-field select {
  min-height: 3.35rem;
  padding: 0.85rem 2.6rem 0.85rem 1rem;
  border: 1px solid rgba(203, 213, 225, 0.92);
  border-radius: 0.72rem;
  background-color: #fffffff0;
  color: #111827;
  font-size: 0.98rem;
  font-weight: 780;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      color-mix(in srgb, var(--muted) 90%, transparent) 50%
    ),
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--muted) 90%, transparent) 50%,
      transparent 50%
    );
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
  box-shadow: 0 0.55rem 1.4rem #0f172a09;
}
.vm-cv-editor-select-field select.has-leading-icon {
  padding-left: 3.1rem;
}
.vm-cv-editor-select-leading-icon {
  position: absolute;
  left: 1rem;
  bottom: 0.98rem;
  color: #6d4fc2;
  pointer-events: none;
}
.vm-cv-editor-select-field select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--primary) 32%, var(--line));
}
.vm-cv-editor-inline-color-field {
  min-height: 3rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
  background: color-mix(in srgb, var(--surface) 98%, white 2%);
}
.vm-cv-editor-inline-color-field input {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.vm-cv-editor-color-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 7.5rem;
  gap: 1.15rem;
  align-items: end;
}
.vm-cv-editor-color-set {
  display: grid;
  gap: 0.72rem;
}
.vm-cv-editor-color-set > span {
  color: #475569;
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-cv-editor-color-set.is-text input {
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 0;
  cursor: pointer;
  filter: drop-shadow(0 0.55rem 1rem rgba(15, 23, 42, 0.12));
}
.vm-cv-editor-primary-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}
.vm-cv-editor-primary-swatch {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 999px;
  background: var(--vm-color-swatch);
  color: #fff;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 0.7rem 1.35rem #0f172a1f;
}
.vm-cv-editor-primary-swatch.is-active {
  outline: 3px solid rgba(124, 92, 255, 0.22);
  box-shadow:
    inset 0 0 0 2px #ffffffc7,
    0 0.8rem 1.6rem #0f172a29;
}
.vm-cv-editor-primary-swatch.is-custom {
  color: #111827;
  background: #fff;
}
.vm-cv-editor-primary-swatch.is-custom input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.vm-cv-editor-align-segment {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 10.5rem;
  min-height: 3.35rem;
  padding: 0.35rem;
  border: 1px solid rgba(226, 232, 240, 0.92);
  border-radius: 0.72rem;
  background: #ffffffd1;
}
.vm-cv-editor-align-segment button {
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0.55rem;
  background: transparent;
  color: #1f2937;
  cursor: pointer;
}
.vm-cv-editor-align-segment button.is-active {
  color: #6d4fc2;
  background: #7c5cff1f;
  box-shadow: inset 0 0 0 1px #7c5cff52;
}
.vm-cv-editor-color-trigger {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 98%, white 2%);
  padding: 0;
  box-shadow: 0 0.65rem 1.4rem color-mix(in srgb, var(--text) 8%, transparent);
}
.vm-cv-editor-color-trigger i {
  display: block;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: inherit;
  background: var(--vm-current-separator-color, #d1d5db);
  box-shadow: inset 0 0 0 2px #ffffffb3;
}
.vm-cv-editor-color-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.vm-cv-editor-color-popover {
  position: absolute;
  top: calc(100% + 0.65rem);
  right: 0;
  z-index: 8;
  display: grid;
  gap: 0.75rem;
  width: 15.25rem;
  padding: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  background: color-mix(in srgb, var(--surface) 96%, white 4%);
  box-shadow: 0 1rem 2.6rem color-mix(in srgb, var(--text) 14%, transparent);
}
.vm-cv-editor-color-popover strong {
  color: var(--text);
  font-size: 0.86rem;
}
.vm-cv-editor-color-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.42rem;
}
.vm-cv-editor-color-swatch {
  width: 1.55rem;
  height: 1.55rem;
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: 999px;
  background: var(--vm-color-swatch);
}
.vm-cv-editor-color-swatch.is-active {
  outline: 2px solid color-mix(in srgb, var(--primary) 72%, transparent);
  outline-offset: 2px;
}
.vm-cv-editor-color-custom {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.65rem;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}
.vm-cv-editor-color-custom input {
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  padding: 0;
}
.vm-cv-editor-separator-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  align-items: end;
}
.vm-cv-editor-separator-controls .is-separator-style {
  grid-column: 1 / -1;
}
.vm-cv-editor-separator-style-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.vm-cv-editor-separator-style-row button {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 2rem;
  border: 1px solid rgba(203, 213, 225, 0.8);
  border-radius: 0.48rem;
  background: #ffffffe0;
  cursor: pointer;
}
.vm-cv-editor-separator-style-row button.is-active {
  border-color: #7c5cffb8;
  background: #7c5cff14;
}
.vm-cv-editor-separator-style-row i {
  display: block;
  width: 1.8rem;
  height: 2px;
  background: #6d4fc2;
}
.vm-cv-editor-separator-style-row .is-none i {
  background: #94a3b8;
  opacity: 0.35;
}
.vm-cv-editor-separator-style-row .is-dots i {
  height: 4px;
  background: radial-gradient(circle, #6d4fc2 0 1.5px, transparent 1.8px);
  background-size: 0.45rem 4px;
}
.vm-cv-editor-template-panel-head p:last-child {
  margin: 0;
  max-width: 28rem;
  color: var(--muted);
  font-size: 0.94rem;
  line-height: 1.55;
}
.vm-cv-editor-template-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-cv-editor-template-list.is-compact {
  grid-template-columns: 1fr;
}
.vm-cv-editor-template-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem;
  min-height: 5.85rem;
  padding: 1rem;
  border: 1px solid rgba(203, 213, 225, 0.72);
  border-radius: 0.7rem;
  background: #ffffffc7;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-editor-template-card:hover,
.vm-cv-editor-template-card:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 26%, var(--line));
  background: color-mix(in srgb, var(--surface) 88%, var(--primary-soft) 12%);
  transform: translateY(-1px);
}
.vm-cv-editor-template-card.is-active {
  border-color: #7c5cffbd;
  background: linear-gradient(180deg, #fffffff0, #f8faffeb);
  box-shadow: 0 1rem 2rem #6366f11a;
}
.vm-cv-editor-template-card.is-template-choice {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.46rem;
  padding: 0;
}
.vm-cv-editor-template-card.is-coming-soon {
  cursor: not-allowed;
  opacity: 0.62;
  filter: grayscale(0.35);
}
.vm-cv-editor-template-card.is-coming-soon:hover,
.vm-cv-editor-template-card.is-coming-soon:focus-visible {
  border-color: #cbd5e1b8;
  background: #ffffffc7;
  transform: none;
  box-shadow: none;
}
.vm-cv-editor-template-icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.65rem;
  background: #7c5cff1f;
  color: #6d4fc2;
}
.vm-cv-editor-template-check {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  display: grid;
  place-items: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #7c5cff, #5a8bd6);
  color: #fff;
}
.vm-cv-editor-template-preview {
  display: block;
  height: 8.2rem;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: linear-gradient(180deg, #fffffff0, #f5f7fbf5);
}
.vm-cv-editor-template-preview img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
}
.vm-cv-editor-template-copy {
  display: grid;
  gap: 0.2rem;
  padding: 0 0.72rem 0.72rem;
}
.vm-cv-editor-separator-preview {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.38rem;
  align-content: center;
  min-height: 2.7rem;
  padding: 0.1rem 0;
}
.vm-cv-editor-separator-preview span,
.vm-cv-editor-separator-preview em {
  display: block;
  height: 0.38rem;
  background: color-mix(in srgb, var(--text) 14%, transparent);
}
.vm-cv-editor-separator-preview span {
  width: 46%;
}
.vm-cv-editor-separator-preview em {
  width: 82%;
}
.vm-cv-editor-separator-preview i {
  display: block;
  width: 100%;
  height: 0.12rem;
  margin-top: var(--vm-separator-preview-top, 0);
  margin-bottom: var(--vm-separator-preview-bottom, 0.43rem);
  background: var(
    --vm-separator-preview-color,
    color-mix(in srgb, var(--primary) 36%, transparent)
  );
}
.vm-cv-editor-separator-preview.is-none i {
  opacity: 0;
}
.vm-cv-editor-separator-preview.is-dots i {
  height: 0.32rem;
  background: radial-gradient(
    circle,
    var(
        --vm-separator-preview-color,
        color-mix(in srgb, var(--primary) 58%, transparent)
      )
      0 1.5px,
    transparent 1.8px
  );
  background-size: 0.55rem 0.32rem;
}
.vm-cv-editor-style-select {
  width: 100%;
  min-height: 3.15rem;
  padding: 0 2.65rem 0 1rem;
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--text);
  background:
    linear-gradient(
        45deg,
        transparent 50%,
        color-mix(in srgb, var(--muted) 85%, transparent) 50%
      )
      right 1.12rem center / 0.42rem 0.42rem no-repeat,
    linear-gradient(
        135deg,
        color-mix(in srgb, var(--muted) 85%, transparent) 50%,
        transparent 50%
      )
      right 0.82rem center / 0.42rem 0.42rem no-repeat,
    color-mix(in srgb, var(--surface) 96%, white 4%);
  font: inherit;
  font-size: 0.95rem;
  font-weight: 750;
  transition:
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-editor-style-select:hover {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--line));
  background-color: color-mix(
    in srgb,
    var(--surface) 88%,
    var(--primary-soft) 12%
  );
}
.vm-cv-editor-style-select:focus {
  border-color: color-mix(in srgb, var(--primary) 44%, var(--line));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-cv-editor-style-stack {
  display: grid;
  gap: 0.95rem;
  padding-top: 0.25rem;
}
.vm-cv-editor-style-stack-head {
  display: grid;
  gap: 0.25rem;
  margin-bottom: 0.1rem;
}
.vm-cv-editor-style-stack-head h2 {
  margin: 0;
  color: #111827;
  font-size: 1.1rem;
  font-weight: 850;
  letter-spacing: -0.025em;
}
.vm-cv-editor-style-stack-head p {
  margin: 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.45;
}
.vm-cv-editor-style-card {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: 1.05rem 1.05rem 1.1rem;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 0.85rem;
  background: #ffffffe0;
  box-shadow: 0 1rem 2.2rem #0f172a09;
}
.vm-cv-editor-style-card-icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.7rem;
}
.vm-cv-editor-style-card-icon.is-purple {
  color: #6d4fc2;
  background: #7c5cff21;
}
.vm-cv-editor-style-card-icon.is-green {
  color: #16a34a;
  background: #22c55e1f;
}
.vm-cv-editor-style-card-icon.is-orange {
  color: #f59e2a;
  background: #f59e2a26;
}
.vm-cv-editor-style-card-icon.is-blue {
  color: #3a66b0;
  background: #5a8bd624;
}
.vm-cv-editor-style-card-body {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}
.vm-cv-editor-style-card-body h3 {
  margin: 0.18rem 0 0;
  color: #111827;
  font-size: 0.9rem;
  font-weight: 850;
  letter-spacing: -0.01em;
}
.vm-cv-editor-style-card-select {
  display: grid;
  gap: 0.45rem;
}
.vm-cv-editor-style-card-select > span {
  color: #64748b;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.vm-cv-editor-style-card .vm-cv-editor-style-select {
  min-height: 3.15rem;
  border-radius: 0.72rem;
  background-color: #fffffff5;
  box-shadow: none;
}
.vm-cv-editor-experience-style-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
.vm-cv-editor-experience-style-card {
  display: grid;
  gap: 0.7rem;
  padding: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
  background: color-mix(in srgb, var(--surface) 96%, white 4%);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-editor-experience-style-card:hover,
.vm-cv-editor-experience-style-card:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 26%, var(--line));
  background: color-mix(in srgb, var(--surface) 88%, var(--primary-soft) 12%);
  transform: translateY(-1px);
}
.vm-cv-editor-experience-style-card.is-active {
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  background: color-mix(in srgb, var(--surface) 82%, var(--primary-soft) 18%);
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--primary) 10%, transparent);
}
.vm-cv-editor-experience-style-preview {
  display: grid;
  gap: 0.32rem;
  min-height: 3.7rem;
  padding: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
  background: color-mix(in srgb, var(--surface) 92%, transparent);
}
.vm-cv-editor-experience-style-preview span,
.vm-cv-editor-experience-style-preview i {
  display: block;
  height: 0.34rem;
  background: color-mix(in srgb, var(--text) 16%, transparent);
}
.vm-cv-editor-experience-style-preview .is-title {
  width: 72%;
  height: 0.45rem;
  background: color-mix(in srgb, var(--text) 28%, transparent);
}
.vm-cv-editor-experience-style-preview .is-meta {
  width: 48%;
}
.vm-cv-editor-experience-style-preview .is-period {
  width: 34%;
  background: color-mix(in srgb, var(--primary) 34%, transparent);
}
.vm-cv-editor-experience-style-preview i {
  width: 92%;
}
.vm-cv-editor-experience-style-card.is-highlight
  .vm-cv-editor-experience-style-preview
  .is-title {
  width: 86%;
  height: 0.55rem;
}
.vm-cv-editor-experience-style-card.is-highlight
  .vm-cv-editor-experience-style-preview
  .is-meta {
  width: 62%;
  background: color-mix(in srgb, var(--primary) 28%, transparent);
}
.vm-cv-editor-experience-style-preview.is-project .is-title {
  width: 68%;
}
.vm-cv-editor-experience-style-card.is-project-compact
  .vm-cv-editor-experience-style-preview {
  gap: 0.24rem;
}
.vm-cv-editor-experience-style-card.is-project-compact
  .vm-cv-editor-experience-style-preview
  .is-title {
  width: 58%;
}
.vm-cv-editor-experience-style-card.is-project-compact
  .vm-cv-editor-experience-style-preview
  i {
  width: 78%;
}
.vm-cv-editor-experience-style-card.is-project-compact
  .vm-cv-editor-experience-style-preview
  .is-meta {
  width: 42%;
  background: color-mix(in srgb, var(--primary) 28%, transparent);
}
.vm-cv-editor-experience-style-preview.is-education .is-title {
  width: 74%;
}
.vm-cv-editor-experience-style-preview.is-education .is-meta {
  width: 56%;
  background: color-mix(in srgb, var(--text) 12%, transparent);
}
.vm-cv-editor-experience-style-card.is-education-compact
  .vm-cv-editor-experience-style-preview {
  gap: 0.24rem;
}
.vm-cv-editor-experience-style-card.is-education-compact
  .vm-cv-editor-experience-style-preview
  .is-title {
  width: 64%;
}
.vm-cv-editor-experience-style-card.is-education-compact
  .vm-cv-editor-experience-style-preview
  .is-meta {
  width: 48%;
  background: color-mix(in srgb, var(--primary) 28%, transparent);
}
.vm-cv-editor-experience-style-preview.is-skills .is-title {
  width: 46%;
  background: color-mix(in srgb, var(--text) 30%, transparent);
}
.vm-cv-editor-experience-style-preview.is-skills .is-meta {
  width: 70%;
  background: color-mix(in srgb, var(--primary) 24%, transparent);
}
.vm-cv-editor-experience-style-card.is-skills-compact
  .vm-cv-editor-experience-style-preview {
  grid-template-columns: 0.48fr 1fr;
  align-items: center;
  gap: 0.42rem;
}
.vm-cv-editor-experience-style-card.is-skills-compact
  .vm-cv-editor-experience-style-preview
  .is-title {
  grid-row: span 2;
  width: 100%;
  height: 0.42rem;
  align-self: start;
  margin-top: 0.18rem;
  background: color-mix(in srgb, var(--primary) 34%, transparent);
}
.vm-cv-editor-experience-style-card.is-skills-compact
  .vm-cv-editor-experience-style-preview
  i {
  width: 100%;
}
.vm-cv-editor-experience-style-card.is-skills-compact
  .vm-cv-editor-experience-style-preview
  .is-meta {
  width: 76%;
}
.vm-cv-editor-experience-style-card strong {
  color: var(--text);
  font-size: 0.98rem;
}
.vm-cv-editor-experience-style-card small {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.35;
}
.vm-cv-editor-template-copy strong {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  color: var(--text);
  font-size: 1rem;
  letter-spacing: -0.02em;
}
.vm-cv-editor-template-copy strong small {
  display: inline-flex;
  align-items: center;
  min-height: 1.35rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  background: #f59e2a24;
  color: #b45309;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.vm-cv-editor-template-copy span {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}
.vm-cv-editor-nav {
  display: grid;
  gap: 0.9rem;
}
.vm-cv-editor-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 2.4rem;
  padding: 0 0.9rem;
  border: 0;
  border-radius: 999px;
  background: #5a8bd614;
  color: #111827;
  font-weight: 700;
  cursor: pointer;
  flex: 0 0 auto;
}
.vm-cv-editor-back:disabled {
  cursor: wait;
  opacity: 0.72;
}
.vm-cv-editor-copy h1 {
  margin: 0.25rem 0 0;
  color: #111827;
  font-size: 2rem;
  letter-spacing: -0.05em;
}
.vm-cv-editor-copy p:last-child {
  margin: 0.35rem 0 0;
  color: #6b7280;
}
.vm-cv-editor-form-shell {
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.vm-cv-editor-form-scroll {
  display: grid;
  align-content: start;
  min-height: 0;
  height: 100%;
  padding-right: 0.85rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
.vm-cv-editor-sections-panel {
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
.vm-cv-editor-sections-scroll {
  display: grid;
  align-content: start;
  min-height: 0;
  height: 100%;
  padding-right: 0.85rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
.vm-cv-editor-placeholder-panel {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  height: 100%;
  padding-top: 0.25rem;
}
.vm-cv-editor-placeholder-panel h2,
.vm-cv-editor-placeholder-panel p {
  margin: 0;
}
.vm-cv-editor-placeholder-panel h2 {
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}
.vm-cv-editor-placeholder-panel p:last-child {
  color: var(--text-soft);
  line-height: 1.6;
}
.vm-cv-editor-analysis-panel {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-height: 100%;
  padding: 0.35rem 0 1rem;
}
.vm-cv-editor-analysis-panel.is-result-only {
  align-content: start;
}
.vm-ats-analysis-kind-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}
.vm-ats-analysis-kind-switch button {
  display: grid;
  align-content: center;
  gap: 0.26rem;
  min-height: 5.1rem;
  border: 1px solid rgba(131, 146, 179, 0.2);
  border-radius: 0.95rem;
  padding: 0.85rem;
  background: #ffffffdb;
  color: #101828;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-ats-analysis-kind-switch strong,
.vm-ats-analysis-kind-switch span {
  display: block;
  min-width: 0;
}
.vm-ats-analysis-kind-switch strong {
  color: inherit;
  font-size: 0.88rem;
  line-height: 1.12;
  font-weight: 950;
}
.vm-ats-analysis-kind-switch span {
  color: #64748b;
  font-size: 0.74rem;
  line-height: 1.25;
  font-weight: 850;
  transition: color 0.18s ease;
}
.vm-ats-analysis-kind-switch button:hover,
.vm-ats-analysis-kind-switch button:focus-visible,
.vm-ats-analysis-kind-switch button.is-active {
  border-color: #5f4ce3;
  background: #5f4ce3;
  color: #fff;
  outline: none;
  box-shadow: 0 0.7rem 1.3rem #5f4ce329;
}
.vm-ats-analysis-kind-switch button:hover span,
.vm-ats-analysis-kind-switch button:focus-visible span,
.vm-ats-analysis-kind-switch button.is-active span {
  color: #ffffffc7;
}
@media (max-width: 560px) {
  .vm-ats-analysis-kind-switch {
    grid-template-columns: 1fr;
  }
}
.vm-ats-analysis-mode-note {
  margin: 0;
  padding: 0.95rem;
  border: 1px solid rgba(95, 76, 227, 0.16);
  border-radius: 0.9rem;
  background: #5f4ce30f;
  color: #526071;
  font-size: 0.86rem;
  line-height: 1.55;
  font-weight: 650;
}
.vm-ats-analysis-field {
  display: grid;
  gap: 0.45rem;
}
.vm-ats-analysis-job-fields {
  display: grid;
  gap: 0.85rem;
}
.vm-ats-analysis-job-fields .vm-ats-analysis-field {
  opacity: 0;
  transform: translateY(0.55rem);
  animation: vm-ats-job-field-enter 0.32s cubic-bezier(0.22, 1, 0.36, 1)
    forwards;
}
.vm-ats-analysis-job-fields .vm-ats-analysis-field:nth-child(2) {
  animation-delay: 85ms;
}
.vm-ats-analysis-field span {
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-ats-analysis-field input,
.vm-ats-analysis-field textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  color: var(--text);
  font: inherit;
  padding: 0.9rem 0.95rem;
  outline: none;
  resize: vertical;
}
.vm-ats-analysis-field textarea {
  min-height: 10rem;
}
.vm-ats-analysis-field input:focus,
.vm-ats-analysis-field textarea:focus {
  border-color: color-mix(in srgb, var(--primary) 46%, var(--line));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent);
}
@keyframes vm-ats-job-field-enter {
  0% {
    opacity: 0;
    transform: translateY(0.55rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-ats-analysis-job-fields .vm-ats-analysis-field {
    opacity: 1;
    transform: none;
    animation: none;
  }
}
.vm-ats-analysis-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  min-height: 2.85rem;
  padding: 0.8rem 0.95rem;
  border: 0;
  border-radius: 0.95rem;
  background: linear-gradient(
    135deg,
    #3a6edc,
    #8f778f 30%,
    #f95e0d 58%,
    #f95e0d
  );
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
  overflow: visible;
  transition: transform 0.18s ease;
}
.vm-ats-analysis-button:disabled {
  cursor: wait;
  opacity: 0.72;
}
.vm-ats-analysis-button span,
.vm-ats-analysis-button svg {
  position: relative;
  z-index: 1;
}
.vm-ats-analysis-button:after {
  content: "";
  position: absolute;
  top: -20%;
  right: -20%;
  bottom: -20%;
  left: -20%;
  background: linear-gradient(
    115deg,
    transparent 32%,
    rgba(255, 255, 255, 0.06) 42%,
    rgba(255, 255, 255, 0.42) 50%,
    rgba(255, 255, 255, 0.08) 58%,
    transparent 68%
  );
  transform: translate(-135%) skew(-18deg);
  opacity: 0;
  pointer-events: none;
}
.vm-ats-analysis-button:hover:after,
.vm-ats-analysis-button:focus-visible:after {
  opacity: 1;
  animation: vm-pro-button-shine 1.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-ats-analysis-button:hover,
.vm-ats-analysis-button:focus-visible {
  transform: scale(1.02);
}
.vm-ats-analysis-loading {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.3rem;
}
.vm-ats-analysis-loading span {
  height: 4.4rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, #e5e7ebdb, #fffffff2, #e5e7ebdb);
  background-size: 220% 100%;
  animation: vm-shimmer 1.35s linear infinite;
}
.vm-ats-analysis-processing {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.35rem;
  min-height: 100%;
  padding: 2rem 0.8rem;
  text-align: center;
}
.vm-ats-analysis-processing-orb {
  position: relative;
  width: 7.6rem;
  height: 7.6rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background:
    radial-gradient(
      circle at center,
      rgba(255, 255, 255, 0.92) 0 34%,
      transparent 35%
    ),
    conic-gradient(from 180deg, #3a6edc, #8f778f, #f95e0d, #3a6edc);
  box-shadow: 0 1.2rem 2.4rem
    color-mix(in srgb, var(--primary) 18%, transparent);
}
.vm-ats-analysis-processing-orb span {
  position: absolute;
  top: -0.3rem;
  right: -0.3rem;
  bottom: -0.3rem;
  left: -0.3rem;
  border-radius: inherit;
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
  animation: vm-ats-analysis-orb-pulse 2.1s ease-out infinite;
}
.vm-ats-analysis-processing-orb span:nth-child(2) {
  animation-delay: 0.42s;
}
.vm-ats-analysis-processing-orb span:nth-child(3) {
  animation-delay: 0.84s;
}
.vm-ats-analysis-processing-orb svg {
  position: relative;
  z-index: 1;
  color: #f95e0d;
}
.vm-ats-analysis-processing-copy {
  display: grid;
  gap: 0.55rem;
  max-width: 24rem;
}
.vm-ats-analysis-processing-copy h2,
.vm-ats-analysis-processing-copy p {
  margin: 0;
}
.vm-ats-analysis-processing-copy h2 {
  color: var(--text);
  font-size: 1.35rem;
  letter-spacing: -0.035em;
}
.vm-ats-analysis-processing-copy p:last-child {
  color: var(--text-soft);
  line-height: 1.55;
}
.vm-ats-analysis-processing-steps {
  display: grid;
  gap: 0.55rem;
  width: min(100%, 22rem);
}
.vm-ats-analysis-processing-steps span {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 78%, transparent);
  color: var(--text);
  padding: 0.62rem 0.8rem;
  font-size: 0.82rem;
  font-weight: 800;
}
.vm-ats-analysis-processing-steps span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--primary) 16%, transparent),
    transparent
  );
  transform: translate(-120%);
  animation: vm-ats-analysis-step-scan 1.7s linear infinite;
}
.vm-ats-analysis-processing-steps span:nth-child(2):after {
  animation-delay: 0.2s;
}
.vm-ats-analysis-processing-steps span:nth-child(3):after {
  animation-delay: 0.4s;
}
.vm-ats-analysis-result {
  display: grid;
  gap: 1rem;
  margin-top: 0.2rem;
}
.vm-ats-analysis-score-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}
.vm-ats-analysis-score-card h3,
.vm-ats-analysis-score-card p {
  margin: 0;
}
.vm-ats-analysis-score-card h3 {
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}
.vm-ats-analysis-score-card p:last-child {
  margin-top: 0.35rem;
  color: var(--text-soft);
  font-size: 0.88rem;
  line-height: 1.5;
}
.vm-ats-analysis-score-ring {
  --vm-ats-ring-color: #3a66b0;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 999px;
  display: grid;
  place-items: center;
  align-content: center;
  background:
    radial-gradient(circle at center, var(--surface) 58%, transparent 59%),
    conic-gradient(
      var(--vm-ats-ring-color) var(--vm-ats-score),
      color-mix(in srgb, var(--line) 86%, transparent) 0
    );
}
.vm-ats-analysis-score-ring strong {
  color: var(--text);
  font-size: 1.25rem;
  line-height: 1;
}
.vm-ats-analysis-score-ring span {
  color: var(--text-soft);
  font-size: 0.7rem;
  font-weight: 800;
}
.vm-ats-analysis-items {
  display: grid;
  gap: 0.8rem;
}
.vm-ats-analysis-item {
  display: grid;
  gap: 0.65rem;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--surface) 72%, transparent);
}
.vm-ats-analysis-item.is-good {
  --vm-ats-item-color: #22a650;
}
.vm-ats-analysis-item.is-warning {
  --vm-ats-item-color: #f59e2a;
}
.vm-ats-analysis-item.is-critical {
  --vm-ats-item-color: #ef4444;
}
.vm-ats-analysis-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.vm-ats-analysis-item-head strong,
.vm-ats-analysis-item-head span {
  color: var(--text);
  font-size: 0.84rem;
}
.vm-ats-analysis-meter {
  height: 0.42rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 82%, transparent);
  overflow: hidden;
}
.vm-ats-analysis-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--vm-ats-item-color, #3a66b0);
}
.vm-ats-analysis-item p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.5;
}
.vm-ats-analysis-item ul {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding-left: 1rem;
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.45;
}
.vm-ats-analysis-quality-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
.vm-ats-analysis-quality-grid.has-single-card {
  grid-template-columns: 1fr;
}
.vm-ats-analysis-quality-card {
  --vm-ats-quality-accent: #3a66b0;
  display: grid;
  align-content: start;
  gap: 0.65rem;
  padding: 0.95rem;
  border: 1px solid var(--line);
  border-left: 0.28rem solid var(--vm-ats-quality-accent);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--surface) 78%, transparent);
}
.vm-ats-analysis-quality-card.is-strength {
  --vm-ats-quality-accent: #22a650;
}
.vm-ats-analysis-quality-card.is-improvement {
  --vm-ats-quality-accent: #7c3aed;
}
.vm-ats-analysis-quality-card strong {
  color: var(--text);
  font-size: 0.86rem;
  line-height: 1.25;
}
.vm-ats-analysis-quality-card ul {
  display: grid;
  gap: 0.38rem;
  margin: 0;
  padding-left: 1rem;
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.45;
}
@media (max-width: 640px) {
  .vm-ats-analysis-quality-grid {
    grid-template-columns: 1fr;
  }
}
.vm-ats-analysis-keywords {
  display: grid;
  gap: 0.65rem;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
}
.vm-ats-analysis-keywords strong {
  color: var(--text);
  font-size: 0.84rem;
}
.vm-ats-analysis-keywords div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.vm-ats-analysis-keywords span {
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary-soft) 72%, transparent);
  color: var(--primary-dark);
  padding: 0.32rem 0.55rem;
  font-size: 0.76rem;
  font-weight: 800;
}
.vm-ats-analysis-basic-note {
  display: grid;
  gap: 0.62rem;
  padding: 0.95rem;
  border: 1px solid rgba(95, 76, 227, 0.18);
  border-radius: 1rem;
  background: #5f4ce30f;
}
.vm-ats-analysis-basic-note strong {
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.25;
  font-weight: 900;
}
.vm-ats-analysis-basic-note p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
  line-height: 1.5;
  font-weight: 650;
}
.vm-ats-analysis-secondary-button {
  width: 100%;
  min-height: 2.85rem;
  margin-top: 0.3rem;
  border: 1px solid var(--line);
  border-radius: 0.95rem;
  background: color-mix(in srgb, var(--surface) 78%, transparent);
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
}
.vm-ats-analysis-secondary-button:hover,
.vm-ats-analysis-secondary-button:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 44%, var(--surface));
}
.vm-ats-analysis-secondary-button.is-primary {
  border-color: #5f4ce3;
  background: #5f4ce3;
  color: #fff;
}
.vm-ats-analysis-secondary-button.is-primary:hover,
.vm-ats-analysis-secondary-button.is-primary:focus-visible {
  border-color: #16a34a;
  background: #16a34a;
  color: #fff;
}
.vm-job-adapt-processing {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.35rem;
  min-height: 100%;
  padding: 2rem 0.8rem;
  text-align: center;
}
.vm-job-adapt-processing-stack {
  position: relative;
  width: 7.4rem;
  height: 7.4rem;
  display: grid;
  place-items: center;
}
.vm-job-adapt-processing-stack span {
  position: absolute;
  width: 4.8rem;
  height: 6.4rem;
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
  border-radius: 0.85rem;
  background:
    linear-gradient(135deg, #ffffffdb, #ffffff47),
    linear-gradient(135deg, #3a66b029, #f95e0d24);
  box-shadow: 0 1rem 2.4rem #1118271f;
  transform-origin: 50% 90%;
  animation: vm-job-adapt-card-cycle 2.4s ease-in-out infinite;
}
.vm-job-adapt-processing-stack span:nth-child(1) {
  transform: rotate(-11deg) translate(-0.75rem);
  animation-delay: 0s;
}
.vm-job-adapt-processing-stack span:nth-child(2) {
  transform: rotate(3deg);
  animation-delay: 0.16s;
}
.vm-job-adapt-processing-stack span:nth-child(3) {
  transform: rotate(13deg) translate(0.75rem);
  animation-delay: 0.32s;
}
.vm-job-adapt-processing-stack svg {
  position: relative;
  z-index: 2;
  color: #f95e0d;
  filter: drop-shadow(0 0.75rem 1.2rem rgba(249, 94, 13, 0.22));
  animation: vm-job-adapt-spark 1.6s ease-in-out infinite;
}
.vm-job-adapt-result {
  display: grid;
  gap: 1rem;
}
.vm-job-adapt-score-card,
.vm-job-adapt-summary,
.vm-job-adapt-change-card {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 84%, transparent);
}
.vm-job-adapt-score-card {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 1.1rem;
}
.vm-job-adapt-score-card h3,
.vm-job-adapt-score-card p {
  margin: 0;
}
.vm-job-adapt-score-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  color: var(--text-soft);
  font-size: 0.84rem;
}
.vm-job-adapt-score-line strong {
  color: var(--text);
  font-size: 0.98rem;
}
.vm-job-adapt-score-line.is-review {
  align-items: center;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 0.85rem;
  background: #22c55e14;
}
.vm-job-adapt-score-line.is-review strong {
  color: #159447;
  font-size: 0.84rem;
}
.vm-job-adapt-section {
  display: grid;
  gap: 0.7rem;
}
.vm-job-adapt-section > strong,
.vm-job-adapt-summary strong {
  color: var(--text);
  font-size: 0.86rem;
}
.vm-job-adapt-change-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.65rem;
  align-items: start;
  padding: 0.8rem;
  border-radius: 0.95rem;
}
.vm-job-adapt-change-card svg {
  color: #f95e0d;
  margin-top: 0.14rem;
}
.vm-job-adapt-change-card p,
.vm-job-adapt-summary p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.5;
}
.vm-job-adapt-suggestions {
  display: grid;
  gap: 0.48rem;
  margin: 0;
  padding-left: 1rem;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.45;
}
.vm-job-adapt-summary {
  display: grid;
  gap: 0.55rem;
  padding: 0.9rem;
  border-radius: 1rem;
}
@keyframes vm-job-adapt-card-cycle {
  0%,
  to {
    translate: 0 0;
  }
  50% {
    translate: 0 -0.75rem;
  }
}
@keyframes vm-job-adapt-spark {
  0%,
  to {
    transform: scale(1) rotate(0);
  }
  50% {
    transform: scale(1.12) rotate(8deg);
  }
}
@keyframes vm-ats-analysis-orb-pulse {
  0% {
    opacity: 0.8;
    transform: scale(0.88);
  }
  to {
    opacity: 0;
    transform: scale(1.34);
  }
}
@keyframes vm-ats-analysis-step-scan {
  0% {
    transform: translate(-120%);
  }
  to {
    transform: translate(120%);
  }
}
.vm-cv-editor-form-shell .vm-onboarding-stack,
.vm-cv-editor-sections-panel .vm-onboarding-stack {
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.vm-cv-editor-form-shell .vm-onboarding-stack-card,
.vm-cv-editor-sections-panel .vm-onboarding-stack-card {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.vm-cv-editor-form-shell .vm-onboarding-stack-footer,
.vm-cv-editor-sections-panel .vm-onboarding-stack-footer {
  position: static;
  padding-top: 1rem;
  background: transparent;
}
.vm-cv-editor-pro-section {
  display: grid;
  gap: 0.75rem;
  padding: 1rem 0;
  margin-top: 0.9rem;
  border-top: 1px solid var(--line);
  overflow: visible;
}
.vm-cv-editor-pro-list {
  display: grid;
  gap: 0.65rem;
  padding-inline: 0.15rem;
  overflow: visible;
}
.vm-cv-editor-pro-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  width: calc(100% - 0.15rem);
  justify-self: center;
  min-height: 2.85rem;
  padding: 0.8rem 0.95rem;
  border: 0;
  border-radius: 0.95rem;
  background: linear-gradient(
    135deg,
    #3a6edc,
    #8f778f 30%,
    #f95e0d 58%,
    #f95e0d
  );
  color: #fff;
  text-align: left;
  box-shadow: none;
  overflow: visible;
  transition: transform 0.18s ease;
}
.vm-cv-editor-pro-item span {
  position: relative;
  z-index: 1;
  font-weight: 700;
}
.vm-cv-editor-pro-item svg {
  position: relative;
  z-index: 1;
}
.vm-cv-editor-pro-item:after {
  content: "";
  position: absolute;
  top: -20%;
  right: -20%;
  bottom: -20%;
  left: -20%;
  background: linear-gradient(
    115deg,
    transparent 32%,
    rgba(255, 255, 255, 0.06) 42%,
    rgba(255, 255, 255, 0.42) 50%,
    rgba(255, 255, 255, 0.08) 58%,
    transparent 68%
  );
  transform: translate(-135%) skew(-18deg);
  opacity: 0;
  pointer-events: none;
}
.vm-cv-editor-pro-item:hover:after,
.vm-cv-editor-pro-item:focus-visible:after {
  opacity: 1;
  animation: vm-pro-button-shine 1.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-editor-pro-item:hover,
.vm-cv-editor-pro-item:focus-visible {
  transform: scale(1.02);
}
@keyframes vm-pro-button-shine {
  0% {
    transform: translate(-135%) skew(-18deg);
  }
  to {
    transform: translate(135%) skew(-18deg);
  }
}
.vm-cv-editor-preview-card {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  align-content: stretch;
  position: relative;
  min-height: 100%;
  height: 100%;
  margin: 0;
  padding: 1rem 5.25rem 2.15rem 4.65rem;
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 0%, #ffffffd1, #fff0 34%),
    linear-gradient(180deg, #edf2f8, #dfe7f1);
  box-shadow: inset 1px 0 #94a3b838;
  overflow: hidden;
}
.vm-cv-editor-preview-card.is-rewriting .vm-pdf-preview-frame,
.vm-cv-editor-preview-card.is-rewriting .vm-cv-editor-preview-skeleton,
.vm-cv-editor-preview-card.is-rewriting .vm-pdf-preview-placeholder {
  animation: vm-editor-preview-rewrite-breathe 1.8s ease-in-out infinite;
}
.vm-cv-editor-preview-rewrite-overlay {
  position: absolute;
  top: 0.95rem;
  right: 1.15rem;
  z-index: 4;
  pointer-events: none;
}
.vm-cv-editor-preview-rewrite-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 0.95rem;
  border-radius: 999px;
  background: #0f172ac7;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  overflow: hidden;
}
.vm-cv-editor-preview-rewrite-chip svg,
.vm-cv-editor-preview-rewrite-chip span {
  position: relative;
  z-index: 1;
}
.vm-cv-editor-preview-rewrite-chip:after {
  content: "";
  position: absolute;
  inset: -30% auto -30% -55%;
  width: 42%;
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 35%,
    rgba(255, 255, 255, 0.52) 50%,
    rgba(255, 255, 255, 0.08) 65%,
    transparent 100%
  );
  transform: translate(0) skew(-18deg);
  animation: vm-editor-rewrite-chip-shine 1.8s cubic-bezier(0.22, 1, 0.36, 1)
    infinite;
}
.vm-cv-manager-content.vm-cv-manager-editor-content .vm-pdf-preview-frame,
.vm-cv-manager-content.vm-cv-manager-editor-content
  .vm-cv-editor-preview-skeleton,
.vm-cv-manager-content.vm-cv-manager-editor-content
  .vm-pdf-preview-placeholder {
  height: 100%;
  min-height: 0;
  max-height: none;
  margin-top: 0;
}
.vm-cv-manager-content.vm-cv-manager-editor-content .vm-pdf-preview-frame {
  display: grid;
  justify-items: end;
  align-content: start;
  gap: 1.8rem;
  width: min(100%, 65.6rem);
  max-width: 65.6rem;
  justify-self: end;
  padding: 0;
  overflow-y: auto;
  overflow-x: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.vm-cv-manager-content.vm-cv-manager-editor-content .vm-pdf-preview-image {
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  border-radius: 0.95rem;
  background: #fff;
  box-shadow:
    0 2rem 5.8rem #0f172a21,
    0 0.35rem 1.2rem #0f172a0e,
    0 0 0 1px #e2e8f0c7;
}
.vm-cv-editor-preview-skeleton {
  display: grid;
  place-items: center;
  min-height: 38rem;
  padding: 0.75rem 0 0.25rem;
}
.vm-cv-editor-preview-skeleton-page {
  width: min(100%, 46rem);
  aspect-ratio: 210 / 297;
  min-height: 0;
  padding: 1.6rem 1.45rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, #fffffffa, #f8fafcfa);
  box-shadow:
    0 22px 48px #11182714,
    inset 0 0 0 1px #e5e7ebe6;
}
.vm-cv-editor-preview-skeleton-head,
.vm-cv-editor-skeleton-section {
  display: grid;
}
.vm-cv-editor-preview-skeleton-head {
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.vm-cv-editor-skeleton-avatar,
.vm-cv-editor-skeleton-line,
.vm-cv-editor-skeleton-label {
  position: relative;
  overflow: hidden;
  background: #d1d5dbe6;
}
.vm-cv-editor-skeleton-avatar:after,
.vm-cv-editor-skeleton-line:after,
.vm-cv-editor-skeleton-label:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(-100%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
  animation: vm-editor-skeleton-shimmer 1.25s ease-in-out infinite;
}
.vm-cv-editor-skeleton-avatar {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 999px;
}
.vm-cv-editor-skeleton-lines {
  display: grid;
  gap: 0.6rem;
}
.vm-cv-editor-skeleton-line {
  height: 0.8rem;
  border-radius: 999px;
}
.vm-cv-editor-skeleton-line.is-title {
  width: min(18rem, 72%);
  height: 1.1rem;
}
.vm-cv-editor-skeleton-line.is-medium {
  width: 72%;
}
.vm-cv-editor-skeleton-line.is-short {
  width: 48%;
}
.vm-cv-editor-skeleton-section {
  gap: 0.65rem;
  margin-top: 1.3rem;
}
.vm-cv-editor-skeleton-label {
  width: 6rem;
  height: 0.72rem;
  border-radius: 999px;
}
@keyframes vm-editor-skeleton-shimmer {
  to {
    transform: translate(100%);
  }
}
@keyframes vm-editor-preview-rewrite-breathe {
  0%,
  to {
    transform: scale(1);
    filter: saturate(1) brightness(1);
  }
  50% {
    transform: scale(0.9925);
    filter: saturate(1.05) brightness(1.03);
  }
}
@keyframes vm-editor-rewrite-chip-shine {
  0% {
    transform: translate(0) skew(-18deg);
    opacity: 0;
  }
  18% {
    opacity: 1;
  }
  to {
    transform: translate(420%) skew(-18deg);
    opacity: 0;
  }
}
[data-theme="dark"] .vm-cv-manager-editor-sidebar,
[data-theme="dark"] .vm-cv-editor-preview-card {
  background:
    linear-gradient(135deg, #3a6edc33, #9b74882e 48%, #f95e0d33), #0a101ce6;
  box-shadow: 0 16px 38px #0003;
}
[data-theme="dark"] .vm-cv-editor-preview-skeleton-page {
  background: linear-gradient(180deg, #111827fa, #0f172afa);
  box-shadow:
    0 22px 48px #0000003d,
    inset 0 0 0 1px #d1d5db14;
}
[data-theme="dark"] .vm-cv-editor-skeleton-avatar,
[data-theme="dark"] .vm-cv-editor-skeleton-line,
[data-theme="dark"] .vm-cv-editor-skeleton-label {
  background: #4b5563e6;
}
[data-theme="dark"] .vm-cv-editor-skeleton-avatar:after,
[data-theme="dark"] .vm-cv-editor-skeleton-line:after,
[data-theme="dark"] .vm-cv-editor-skeleton-label:after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.18),
    transparent
  );
}
[data-theme="dark"] .vm-cv-editor-copy h1,
[data-theme="dark"] .vm-cv-editor-back {
  color: #f9fafb;
}
[data-theme="dark"] .vm-cv-editor-copy p:last-child {
  color: #9ca3af;
}
[data-theme="dark"] .vm-cv-editor-back {
  background: #5a8bd629;
}
[data-theme="dark"] .vm-editor-return-saving-backdrop {
  background: #080c16b8;
}
[data-theme="dark"] .vm-editor-return-saving-modal {
  border-color: #ffffff1f;
  background: #101727f0;
  box-shadow: 0 24px 70px #00000059;
}
[data-theme="dark"] .vm-cv-editor-form-shell .vm-onboarding-stack-footer,
[data-theme="dark"] .vm-cv-editor-sections-panel .vm-onboarding-stack-footer {
  background: transparent;
}
.vm-cv-manager {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background:
    radial-gradient(
      circle at top center,
      rgba(90, 139, 214, 0.06),
      transparent 34%
    ),
    linear-gradient(180deg, #fffffffc, #fafbfffa);
}
.vm-cv-manager-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 17.25rem;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  gap: 1.4rem;
  padding: 1.25rem 1rem 1.5rem;
  min-height: 100dvh;
  height: 100dvh;
  border-right: 1px solid rgba(229, 231, 235, 0.92);
  background:
    radial-gradient(
      circle at 12% 4%,
      rgba(111, 84, 255, 0.14),
      transparent 11rem
    ),
    radial-gradient(
      circle at 100% 56%,
      rgba(79, 140, 255, 0.09),
      transparent 10rem
    ),
    linear-gradient(180deg, #fffffffa, #f8f7fff0);
  box-shadow: 18px 0 46px #4f38c90d;
  transition:
    width 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-manager-sidebar:before {
  display: none;
}
.vm-cv-manager-brand {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  padding: 0.1rem 0.1rem 1rem;
  border-bottom: 1px solid rgba(229, 231, 235, 0.82);
}
.vm-cv-manager-brand-main {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  min-width: 0;
}
.vm-cv-manager-brand.vm-cv-manager-brand-editor {
  justify-content: flex-end;
  padding-bottom: 0;
  border-bottom: 0;
}
.vm-cv-editor-back.vm-cv-editor-back-topbar {
  margin-left: 0.15rem;
}
.vm-cv-manager-brand-mark {
  width: 2.45rem;
  height: 2.45rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex: 0 0 auto;
}
.vm-cv-manager-brand-copy strong {
  display: block;
  margin: 0;
  color: #111827;
  font-size: 1.55rem;
  line-height: 0.95;
  letter-spacing: -0.06em;
}
.vm-cv-manager-brand-copy span {
  display: block;
  max-width: 8.5rem;
  margin-top: 0.22rem;
  color: #6b7280;
  font-size: 0.83rem;
  line-height: 1.35;
}
.vm-cv-manager-sidebar-toggle {
  position: absolute;
  top: 0.1rem;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 0;
  color: #64748b;
  background: transparent;
  cursor: pointer;
  box-shadow: none;
  transition:
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-manager-sidebar-toggle:hover,
.vm-cv-manager-sidebar-toggle:focus-visible {
  color: #5f4ce3;
  background: transparent;
  transform: translateY(-1px);
}
.vm-cv-manager-nav {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  height: 100%;
  min-height: 0;
}
.vm-cv-manager-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.82rem;
  min-height: 3.05rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  color: #111827;
  font-size: 0.99rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-manager-nav-item svg {
  color: #6b7280;
  transition:
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-manager-nav-item:hover {
  background: linear-gradient(180deg, #6e56ff21, #6e56ff0f);
  color: #5f4ce3;
  box-shadow: none;
  transform: translateY(-1px);
}
.vm-cv-manager-nav-item.is-active {
  background: linear-gradient(135deg, #7c3cffe6, #5f4ce3e6);
  color: #fff;
  box-shadow: 0 0.45rem 1rem #5f4ce324;
}
.vm-cv-manager-nav-item:hover svg {
  color: #5f4ce3;
  transform: translate(1px);
}
.vm-cv-manager-nav-item.is-active svg {
  color: #fff;
}
.vm-cv-manager-nav-notification {
  position: absolute;
  top: 0.58rem;
  right: 0.72rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.18rem;
  height: 1.18rem;
  padding: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  box-shadow:
    0 0 0 0.18rem #ef444426,
    0 0.45rem 1rem #dc26263d;
  pointer-events: none;
}
.vm-cv-manager-promo-card {
  position: relative;
  display: grid;
  gap: 0.78rem;
  width: 100%;
  margin-top: auto;
  padding: 3rem 1rem 1rem;
  border: 1px solid rgba(34, 197, 94, 0.32);
  border-radius: 1.25rem;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(255, 255, 255, 0.22),
      transparent 7rem
    ),
    linear-gradient(135deg, #22c55e, #16a34a 48%, #15803d);
  color: #fff;
  text-align: left;
  box-shadow: 0 1.2rem 2.4rem #4f38c91a;
  transition:
    padding 0.26s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}
.vm-cv-manager-promo-card.is-timer-hidden {
  padding-top: 1rem;
}
.vm-cv-manager-promo-card:hover,
.vm-cv-manager-promo-card:focus-visible {
  border-color: #ffffff57;
  box-shadow: 0 1.45rem 2.9rem #22c55e29;
  transform: translateY(-2px);
}
.vm-cv-manager-promo-copy {
  display: grid;
  gap: 0.28rem;
}
.vm-cv-manager-promo-copy strong {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.15;
}
.vm-cv-manager-promo-copy small {
  color: #ffffffc7;
  font-size: 0.78rem;
  line-height: 1.4;
}
.vm-cv-manager-promo-timer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.15rem;
  padding: 0.3rem 0.38rem;
  border-radius: 1.25rem 1.25rem 0 0;
  background: #dc2626;
  color: #fff;
  opacity: 1;
  overflow: hidden;
  transform: translateY(0);
  transition:
    opacity 0.22s ease,
    min-height 0.26s ease,
    padding 0.26s ease,
    transform 0.26s ease;
  pointer-events: none;
}
.vm-cv-manager-promo-timer.is-hidden {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  transform: translateY(-0.45rem);
}
.vm-cv-manager-promo-timer strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  color: inherit;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.vm-cv-manager-promo-timer em {
  min-width: 1.75rem;
  padding: 0.16rem 0.12rem;
  border-radius: 0.28rem;
}
.vm-cv-manager-promo-timer small {
  font-size: 0.6rem;
}
.vm-cv-manager-promo-progress {
  display: grid;
  gap: 0.28rem;
}
.vm-cv-manager-promo-progress span {
  color: #ffffffdb;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}
.vm-cv-manager-promo-progress strong {
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.15;
}
.vm-cv-manager-promo-progress i {
  position: relative;
  display: block;
  width: 100%;
  height: 0.36rem;
  overflow: hidden;
  border-radius: 999px;
  background: #ffffff3d;
}
.vm-cv-manager-promo-progress i:after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: max(var(--vm-sidebar-promo-progress, 0%), 4%);
  border-radius: inherit;
  background: linear-gradient(90deg, #fff, #ffffffb8);
}
.vm-cv-manager-promo-progress.is-sold-out span,
.vm-cv-manager-promo-progress.is-sold-out strong {
  color: #64748b;
}
.vm-cv-manager-promo-progress.is-sold-out i:after {
  width: 100%;
  background: #94a3b8;
}
.vm-cv-manager-nav-item.has-notification:hover .vm-cv-manager-nav-notification {
  background: #fff;
  color: #dc2626;
  box-shadow: 0 0 0 0.22rem #ffffff38;
}
.vm-cv-manager-nav-item.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vm-cv-manager-nav-item.is-disabled:hover {
  background: transparent;
}
.vm-cv-manager-upgrade {
  display: grid;
  gap: 0.95rem;
  margin-top: auto;
  padding: 1.15rem;
  border-radius: 1.25rem;
  background: linear-gradient(180deg, #6e56ff1a, #6e56ff0d);
  box-shadow: inset 0 0 0 1px #6e56ff1a;
}
.vm-cv-manager-upgrade-head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.vm-cv-manager-upgrade-mark {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffffe6;
  color: #6e56ff;
}
.vm-cv-manager-upgrade p {
  margin: 0;
  color: #6b7280;
  line-height: 1.6;
}
.vm-cv-manager-upgrade-button,
.vm-cv-manager-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.7rem;
  padding: 0 1.05rem;
  border: 0;
  border-radius: 0.8rem;
  background: linear-gradient(135deg, #6e56ff, #5f4ce3);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 24px #6e56ff2e;
}
.vm-cv-manager-content {
  display: grid;
  align-content: start;
  gap: 1.05rem;
  margin: 0 0 0 17.25rem;
  padding: 0.45rem 1.2rem 1.25rem;
  min-height: calc(100dvh - 4.85rem);
  height: calc(100dvh - 4.85rem);
  overflow-y: auto;
  overflow-x: hidden;
  transition: margin-left 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-sidebar {
  width: 5.85rem;
  padding: 1.25rem 0.75rem 1.5rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-brand {
  justify-content: center;
  min-height: 5.4rem;
  padding: 0.1rem 0 1rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-brand-mark {
  width: 2.35rem;
  height: 2.35rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-brand-copy {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-sidebar-toggle {
  top: 3.15rem;
  right: 50%;
  transform: translate(50%);
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-sidebar-toggle:hover,
.vm-cv-manager.is-sidebar-collapsed
  .vm-cv-manager-sidebar-toggle:focus-visible {
  transform: translate(50%) translateY(-1px);
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-nav {
  gap: 0.5rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-nav-item {
  justify-content: center;
  min-height: 3.15rem;
  padding: 0.82rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-nav-item svg {
  width: 1.2rem;
  height: 1.2rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-nav-item span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-nav-notification,
.vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
  .vm-cv-manager-nav-notification {
  top: 0.52rem;
  right: 0.72rem;
  display: inline-flex;
  width: 1.08rem;
  height: 1.08rem;
  color: #fff;
  font-size: 0.62rem;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-promo-card {
  display: none;
}
.vm-cv-manager.is-sidebar-collapsed .vm-cv-manager-content {
  margin-left: 5.85rem;
}
.vm-cv-manager-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: auto;
  padding: 1.1rem 0 0.25rem;
  color: #6b7280;
  font-size: 0.86rem;
}
.vm-cv-manager-footer a {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.18s ease;
}
.vm-cv-manager-footer-button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #16a34a;
  font: inherit;
  font-weight: 750;
  cursor: pointer;
  transition: color 0.18s ease;
}
.vm-cv-manager-footer a:hover {
  color: #3a66b0;
}
.vm-cv-manager-footer-button:hover {
  color: #15803d;
}
[data-theme="dark"] .vm-cv-manager-footer-button {
  color: #22c55e;
}
[data-theme="dark"] .vm-cv-manager-footer {
  color: #d1d5dbb8;
}
[data-theme="dark"] .vm-cv-manager-footer a:hover {
  color: #8fb4ff;
}
[data-theme="dark"] .vm-cv-manager-footer-button:hover {
  color: #22c55e;
}
.vm-privacy-consent {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 220;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  max-width: 58rem;
  margin: 0 auto;
  padding: 1rem;
  border: 1px solid rgba(16, 24, 40, 0.12);
  border-radius: 1rem;
  background: #fffffff5;
  color: #101828;
  box-shadow: 0 1.2rem 3rem #1018282e;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.vm-privacy-consent strong {
  display: block;
  color: #101828;
  font-size: 0.96rem;
  line-height: 1.15;
  font-weight: 900;
}
.vm-privacy-consent p {
  max-width: 46rem;
  margin: 0.28rem 0 0;
  color: #526071;
  font-size: 0.84rem;
  line-height: 1.5;
  font-weight: 600;
}
.vm-privacy-consent a {
  display: inline-flex;
  margin-top: 0.42rem;
  color: #5f4ce3;
  font-size: 0.82rem;
  font-weight: 850;
  text-decoration: none;
}
.vm-privacy-consent-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.vm-privacy-consent-actions button {
  min-height: 2.45rem;
  padding: 0 0.9rem;
  border-radius: 0.65rem;
  white-space: nowrap;
}
.vm-privacy-consent-actions .button-primary {
  background: #5f4ce3;
  border-color: #5f4ce3;
  color: #fff;
  box-shadow: none;
}
.vm-privacy-consent-actions .button-primary:hover,
.vm-privacy-consent-actions .button-primary:focus-visible {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}
[data-theme="dark"] .vm-privacy-consent {
  border-color: #ffffff1f;
  background: #111827f5;
  color: #fff;
  box-shadow: 0 1.2rem 3rem #00000052;
}
[data-theme="dark"] .vm-privacy-consent strong {
  color: #fff;
}
[data-theme="dark"] .vm-privacy-consent p {
  color: #ffffffb8;
}
@media (max-width: 720px) {
  .vm-privacy-consent {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    padding: 0.9rem;
  }
  .vm-privacy-consent-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.vm-support-modal {
  width: min(34rem, calc(100vw - 1.5rem));
}
.vm-support-modal-backdrop {
  align-items: center;
  place-items: center;
}
.vm-support-modal-fields {
  display: grid;
  gap: 0.95rem;
}
.vm-support-modal-field {
  display: grid;
  gap: 0.45rem;
}
.vm-support-modal-field span {
  color: #111827;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.vm-support-modal-field select,
.vm-support-modal-field textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #fffffff5;
  color: #111827;
  font: inherit;
  padding: 0.95rem 1rem;
  outline: none;
}
.vm-support-modal-field select {
  min-height: 3.1rem;
}
.vm-support-modal-field textarea {
  min-height: 9.5rem;
  resize: vertical;
  line-height: 1.6;
}
.vm-support-modal-field select:focus,
.vm-support-modal-field textarea:focus {
  border-color: #6b6faf;
  box-shadow: 0 0 0 4px #6b6faf1f;
}
.vm-support-modal-success {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.7rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(34, 197, 94, 0.18);
  border-radius: 1rem;
  background: #f0fdf4eb;
  color: #166534;
  animation: vm-support-success-rise 0.28s ease both;
}
.vm-support-modal-success div {
  display: grid;
  gap: 0.16rem;
}
.vm-support-modal-success span {
  color: #166534d6;
  font-size: 0.9rem;
  line-height: 1.5;
}
.vm-cv-create-modal-actions.is-single-action {
  grid-template-columns: minmax(0, 1fr);
  padding-top: 0.5rem;
}
.vm-cv-create-modal-actions.is-single-action .vm-cv-create-option.is-success {
  background: linear-gradient(135deg, #3a66b0, #6b6faf 45%, #f36c21);
  box-shadow: 0 16px 36px #3a66b038;
  animation: vm-support-success-pulse 0.42s ease both;
}
.vm-cv-create-modal-actions.is-single-action .vm-cv-create-option:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  filter: saturate(0.86);
}
@keyframes vm-support-success-rise {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-support-success-pulse {
  0% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
  }
  to {
    transform: scale(1);
  }
}
.vm-cv-plans-tab {
  display: grid;
  align-content: start;
  gap: 1rem;
}
.vm-cv-plans-hero {
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}
.vm-cv-plans-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 0.95rem;
  align-items: stretch;
}
.vm-cv-plan-card {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  height: 100%;
  min-height: auto;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 1.35rem;
  background: #ffffffd6;
  box-shadow: 0 18px 36px #1118270f;
}
.vm-cv-plan-card.is-featured {
  border-color: #6f54ff6b;
  background: linear-gradient(180deg, #6f54ff1f, #ffffffeb);
  box-shadow: 0 20px 46px #6f54ff1c;
}
.vm-cv-plan-card.is-promo {
  border-color: #22c55e6b;
  background: linear-gradient(180deg, #22c55e1f, #ffffffed);
  box-shadow: 0 20px 46px #22c55e1f;
}
.vm-cv-plan-card.is-promo .vm-cv-plan-badge {
  color: #15803d;
}
.vm-cv-plan-card.is-pro {
  border-color: #f95e0d73;
  background:
    radial-gradient(
      circle at top right,
      rgba(249, 94, 13, 0.2),
      transparent 8rem
    ),
    linear-gradient(180deg, #111827fa, #111827e6);
  color: #fff;
}
.vm-cv-plan-card.is-pro p,
.vm-cv-plan-card.is-pro .vm-cv-plan-price span,
.vm-cv-plan-card.is-pro .vm-cv-plan-benefits {
  color: #ffffffb8;
}
.vm-cv-plan-card.is-pro .vm-cv-plan-badge {
  color: #f59e2a;
}
.vm-cv-plan-badge {
  display: inline-flex;
  margin-bottom: 0.15rem;
  color: #6f54ff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-cv-plan-card h2 {
  margin: 0;
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  line-height: 0.96;
}
.vm-cv-plan-card p {
  margin: 0.2rem 0 0;
  color: #6b7280;
  font-size: 0.95rem;
  line-height: 1.55;
}
.vm-cv-plan-card > div:first-child {
  display: grid;
  gap: 0.3rem;
  min-height: 0;
}
.vm-cv-plan-price {
  display: grid;
  gap: 0.22rem;
  min-height: 0;
  padding-top: 0.1rem;
}
.vm-cv-plan-price strong {
  display: block;
  font-size: 2.55rem;
  line-height: 0.92;
  letter-spacing: -0.05em;
}
.vm-cv-plan-price span {
  display: block;
  margin-top: 0;
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.45;
}
.vm-cv-plan-benefits {
  display: grid;
  gap: 0.5rem;
  margin: 0.25rem 0 0;
  padding: 0;
  color: #374151;
  font-size: 0.92rem;
  line-height: 1.45;
  list-style: none;
  flex: 1 1 auto;
  align-content: start;
}
.vm-cv-plan-benefits li:before {
  content: "";
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.5rem;
  border-radius: 999px;
  background: #f36c21;
  vertical-align: 0.12rem;
}
.vm-cv-plan-button {
  width: 100%;
  min-height: 3.15rem;
  margin-top: 0.2rem;
  border-radius: 1rem;
}
.vm-cv-plans-tab .vm-cv-plan-button,
.vm-cv-plans-checkout .vm-plans-regenerate-button,
.vm-cv-plans-checkout .vm-plans-checkout-back,
.vm-cv-plans-checkout .vm-plans-pix-copy-button {
  border-radius: 0.95rem;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-plans-tab .vm-cv-plan-button,
.vm-cv-plans-checkout .vm-plans-regenerate-button {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6a4df5;
  color: #fff;
  box-shadow: 0 12px 26px #6f54ff3d;
}
.vm-cv-plans-tab .vm-cv-plan-button:hover:not(:disabled),
.vm-cv-plans-tab .vm-cv-plan-button:focus-visible,
.vm-cv-plans-checkout .vm-plans-regenerate-button:hover:not(:disabled),
.vm-cv-plans-checkout .vm-plans-regenerate-button:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff);
  border-color: #6246f5;
  color: #fff;
  box-shadow: 0 16px 30px #6f54ff4d;
}
.vm-cv-plans-tab .vm-cv-plan-button.is-pro-cta {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  border-color: #ea580c;
  color: #fff;
  box-shadow: 0 12px 26px #f973163d;
}
.vm-cv-plans-tab .vm-cv-plan-button.is-pro-cta:hover:not(:disabled),
.vm-cv-plans-tab .vm-cv-plan-button.is-pro-cta:focus-visible {
  background: linear-gradient(135deg, #ea580c, #f97316);
  border-color: #c2410c;
  color: #fff;
  box-shadow: 0 16px 30px #f973164d;
}
.vm-cv-plans-tab .vm-cv-plan-button[data-plan-code="growth"],
.vm-plans-primary-button[data-plan-code="growth"] {
  background: linear-gradient(135deg, #22c55e, #15803d);
  border-color: #16a34a;
  color: #fff;
  box-shadow: 0 14px 30px #22c55e3d;
}
.vm-cv-plans-tab
  .vm-cv-plan-button[data-plan-code="growth"]:hover:not(:disabled),
.vm-cv-plans-tab .vm-cv-plan-button[data-plan-code="growth"]:focus-visible,
.vm-plans-primary-button[data-plan-code="growth"]:hover:not(:disabled),
.vm-plans-primary-button[data-plan-code="growth"]:focus-visible {
  background: linear-gradient(135deg, #16a34a, #166534);
  border-color: #15803d;
  color: #fff;
  box-shadow: 0 18px 36px #22c55e4d;
}
.vm-cv-plans-checkout .vm-plans-checkout-back,
.vm-cv-plans-checkout .vm-plans-pix-copy-button {
  border: 1px solid rgba(111, 84, 255, 0.24);
  background: #f3f0ffeb;
  color: #6f54ff;
  box-shadow: none;
}
.vm-cv-plans-checkout .vm-plans-checkout-back:hover:not(:disabled),
.vm-cv-plans-checkout .vm-plans-checkout-back:focus-visible,
.vm-cv-plans-checkout .vm-plans-pix-copy-button:hover:not(:disabled),
.vm-cv-plans-checkout .vm-plans-pix-copy-button:focus-visible {
  border-color: #6f54ff;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  color: #fff;
  box-shadow: 0 12px 24px #6f54ff2e;
}
.vm-cv-manager-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.1rem;
}
.vm-cv-manager-hero h1 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.65rem, 3vw, 2.4rem);
  letter-spacing: -0.06em;
}
.vm-cv-manager-hero p {
  margin: 0.3rem 0 0;
  color: #6b7280;
  font-size: 0.92rem;
}
.vm-profile-boost-result-hero {
  justify-content: center;
}
.vm-profile-boost-result-hero .vm-cv-manager-hero-copy {
  text-align: center;
}
.vm-cv-manager-home-stack {
  display: grid;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
}
.vm-cv-progress-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9rem;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}
.vm-cv-home-hero-banner {
  position: relative;
  width: calc(100% + 2.4rem);
  height: clamp(13rem, 21vw, 19rem);
  margin: -0.45rem -1.2rem 0;
  border-radius: 0;
  overflow: hidden;
  background: #5f35d8;
  box-shadow: 0 24px 58px #5b35d829;
  cursor: grab;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.vm-cv-home-hero-banner:active {
  cursor: grabbing;
}
.vm-cv-home-hero-track {
  display: flex;
  width: 100%;
  height: 100%;
  transform: translate3d(calc(var(--vm-hero-slide, 0) * -100%), 0, 0);
  transition: transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.vm-cv-home-hero-slide {
  position: relative;
  z-index: 1;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  opacity: 0.42;
  pointer-events: none;
  transform: scale(0.985);
  transition:
    opacity 0.52s ease,
    transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.vm-cv-home-hero-slide:after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: min(38rem, 40%);
  pointer-events: none;
  background: linear-gradient(90deg, #0a0424c7, #180a487a 48%, #180a4800);
}
.vm-cv-home-hero-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.vm-cv-home-hero-slide img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transform: scale(1.045);
  transition: transform 0.98s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-home-hero-slide.is-active img {
  transform: scale(1);
}
.vm-cv-home-hero-banner:after {
  content: none;
}
.vm-cv-home-hero-next {
  position: absolute;
  left: clamp(0.9rem, 2vw, 1.7rem);
  top: 50%;
  z-index: 3;
  display: grid;
  gap: 0.38rem;
  width: min(27%, 19rem);
  min-width: 13.5rem;
  padding: 0;
  border: 0;
  color: #fff;
  text-align: left;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(-1.4rem, -50%, 0);
  transition:
    opacity 0.46s ease 0.16s,
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}
.vm-cv-home-hero-slide.is-active .vm-cv-home-hero-next {
  opacity: 1;
  transform: translate3d(0, -50%, 0);
}
.vm-cv-home-hero-next span {
  color: #ffffffb8;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.vm-cv-home-hero-next strong {
  max-width: 19rem;
  color: #fff;
  font-size: clamp(1.08rem, 1.7vw, 1.55rem);
  line-height: 1.08;
  letter-spacing: -0.05em;
  text-shadow: 0 0.75rem 2rem rgba(20, 8, 58, 0.4);
}
.vm-cv-home-hero-next b {
  justify-self: start;
  margin-top: 0.2rem;
  padding: 0.62rem 0.92rem;
  border-radius: 0.72rem;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
  background: linear-gradient(135deg, #7c3cff, #5f4ce3);
  box-shadow: 0 0.9rem 2rem #5f4ce352;
  transition:
    background 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-hero-slide.is-promo .vm-cv-home-hero-next b {
  background: linear-gradient(135deg, #22c55e, #15803d);
  box-shadow: 0 0.9rem 2rem #22c55e47;
}
.vm-cv-home-hero-next:hover b,
.vm-cv-home-hero-next:focus-visible b {
  background: linear-gradient(135deg, #8d57ff, #654cff);
  transform: translateY(-2px);
}
.vm-cv-home-hero-slide.is-promo .vm-cv-home-hero-next:hover b,
.vm-cv-home-hero-slide.is-promo .vm-cv-home-hero-next:focus-visible b {
  background: linear-gradient(135deg, #16a34a, #166534);
}
.vm-cv-home-hero-dots {
  position: absolute;
  right: clamp(1rem, 2.2vw, 2rem);
  bottom: clamp(0.85rem, 1.6vw, 1.25rem);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}
.vm-cv-home-hero-dots button {
  width: 0.55rem;
  height: 0.55rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #ffffff6b;
  cursor: pointer;
  box-shadow: 0 0.35rem 1rem #1008323d;
  transition:
    width 0.22s ease,
    background 0.22s ease,
    transform 0.22s ease;
}
.vm-cv-home-hero-dots button:hover,
.vm-cv-home-hero-dots button:focus-visible {
  background: #ffffffc7;
  transform: translateY(-1px);
}
.vm-cv-home-hero-dots button.is-active {
  width: 1.55rem;
  background: #fff;
}
.vm-cv-home-command {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
  gap: 1rem;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}
.vm-cv-home-command-copy,
.vm-cv-home-command-panel,
.vm-cv-home-work-card,
.vm-cv-home-studio {
  border: 1px solid rgba(226, 232, 240, 0.86);
  background: #ffffffb8;
  box-shadow: 0 18px 42px #0f172a0f;
}
.vm-cv-home-command-copy {
  display: grid;
  align-content: center;
  gap: 0.95rem;
  min-height: 20rem;
  padding: clamp(1.35rem, 3vw, 2.25rem);
  border-radius: 1.45rem;
  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(34, 197, 94, 0.16),
      transparent 12rem
    ),
    linear-gradient(135deg, #fffffff0, #f7faffe0);
}
.vm-cv-home-kicker {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 1.85rem;
  align-items: center;
  padding: 0 0.72rem;
  border-radius: 999px;
  background: #6f54ff1a;
  color: #5f4ce3;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.vm-cv-home-command-copy h1,
.vm-cv-home-studio-copy h2 {
  max-width: 13ch;
  margin: 0;
  color: #111827;
  font-size: clamp(2.2rem, 5vw, 4.75rem);
  line-height: 0.9;
  letter-spacing: -0.07em;
}
.vm-cv-home-command-copy p {
  max-width: 58ch;
  margin: 0;
  color: #53627d;
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  line-height: 1.68;
}
.vm-cv-home-command-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 0.4rem;
}
.vm-cv-home-command-actions button {
  min-height: 2.85rem;
  gap: 0.5rem;
}
.vm-cv-home-command-panel {
  display: grid;
  align-content: stretch;
  gap: 0.8rem;
  min-height: 20rem;
  padding: 1rem;
  border-radius: 1.45rem;
  background: linear-gradient(180deg, #111827fa, #1c2230f5);
  color: #fff;
}
.vm-cv-home-account-metric {
  display: grid;
  align-content: space-between;
  min-height: 6.35rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #ffffff14;
  box-shadow: inset 0 0 0 1px #ffffff1a;
}
.vm-cv-home-account-metric span {
  color: #ffffffad;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-cv-home-account-metric strong {
  color: #fff;
  font-size: 2.45rem;
  line-height: 0.9;
  letter-spacing: -0.06em;
}
.vm-cv-home-account-metric small {
  margin-left: 0.12rem;
  color: #ffffff94;
  font-size: 1.05rem;
}
.vm-cv-home-command-panel-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 3rem;
  margin-top: auto;
  border: 0;
  border-radius: 1rem;
  background: #fff;
  color: #111827;
  font-size: 0.92rem;
  font-weight: 900;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-home-command-panel-action:hover,
.vm-cv-home-command-panel-action:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px #0000002e;
}
.vm-cv-home-workbench {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  min-width: 0;
}
.vm-cv-home-work-card {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  min-height: 18rem;
  padding: 1.1rem;
  border-radius: 1.35rem;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-home-work-card:hover {
  transform: translateY(-3px);
  border-color: #6f54ff4d;
  box-shadow: 0 24px 54px #4f46e51a;
}
.vm-cv-home-work-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 0.95rem;
  color: #5f4ce3;
  background: #6f54ff1a;
}
.vm-cv-home-work-card.is-profile .vm-cv-home-work-icon {
  color: #047857;
  background: #22c55e1f;
}
.vm-cv-home-work-card.is-interview .vm-cv-home-work-icon {
  color: #b45309;
  background: #f59e0b24;
}
.vm-cv-home-work-card h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1;
  letter-spacing: -0.055em;
}
.vm-cv-home-work-card p {
  margin: 0.45rem 0 0;
  color: #64748b;
  font-size: 0.92rem;
  line-height: 1.58;
}
.vm-cv-home-work-card button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  width: 100%;
  min-height: 2.75rem;
  border: 0;
  border-radius: 0.95rem;
  padding: 0 0.85rem 0 1rem;
  background: #0f172a0f;
  color: #111827;
  font-weight: 900;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-work-card button:hover,
.vm-cv-home-work-card button:focus-visible {
  background: #111827;
  color: #fff;
  transform: translateY(-1px);
}
.vm-cv-home-studio {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 1rem;
  align-items: stretch;
  padding: clamp(1.15rem, 2.4vw, 1.8rem);
  border-radius: 1.45rem;
  background: linear-gradient(135deg, #f8fafceb, #ffffffe0);
}
.vm-cv-home-studio-copy {
  display: grid;
  align-content: center;
  gap: 0.9rem;
}
.vm-cv-home-studio-copy h2 {
  max-width: 14ch;
  font-size: clamp(1.9rem, 3.6vw, 3.35rem);
}
.vm-cv-home-studio-steps {
  display: grid;
  gap: 0.72rem;
}
.vm-cv-home-studio-steps article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.15rem 0.82rem;
  align-items: start;
  padding: 0.95rem;
  border-radius: 1rem;
  background: #ffffffb8;
  box-shadow: inset 0 0 0 1px #e2e8f0c7;
}
.vm-cv-home-studio-steps strong {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.75rem;
  background: #111827;
  color: #fff;
  font-size: 0.8rem;
}
.vm-cv-home-studio-steps h3 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
}
.vm-cv-home-studio-steps p {
  margin: 0;
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.5;
}
.vm-cv-home-editorial {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  padding: 1.25rem 0 1.1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  font-family:
    Atkinson Hyperlegible,
    Nunito Sans,
    sans-serif;
}
.vm-cv-home-editorial-lead {
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}
.vm-cv-home-editorial-lead h1 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  line-height: 1.05;
  letter-spacing: 0;
  font-weight: 760;
}
.vm-cv-home-editorial-lead p {
  margin: 0;
  color: #53627d;
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 500;
}
.vm-cv-home-editorial-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}
.vm-cv-home-primary-action,
.vm-cv-home-text-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.3rem;
  border: 0;
  border-radius: 0.5rem;
  padding: 0 0.75rem;
  font-size: 0.84rem;
  font-weight: 740;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}
.vm-cv-home-primary-action {
  background: #111827;
  color: #fff;
}
.vm-cv-home-text-action {
  background: transparent;
  color: #5f4ce3;
  box-shadow: inset 0 0 0 1px #5f4ce338;
}
.vm-cv-home-primary-action:hover,
.vm-cv-home-primary-action:focus-visible,
.vm-cv-home-text-action:hover,
.vm-cv-home-text-action:focus-visible {
  transform: translateY(-2px);
}
.vm-cv-home-text-action:hover,
.vm-cv-home-text-action:focus-visible {
  background: #5f4ce314;
}
.vm-cv-home-editorial-metrics {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  flex-wrap: wrap;
  color: #64748b;
}
.vm-cv-home-editorial-metrics span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  font-size: 0.8rem;
  font-weight: 620;
}
.vm-cv-home-editorial-metrics strong {
  color: #111827;
  font-size: 1.08rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 760;
}
.vm-cv-home-editorial-metrics button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-weight: 720;
  cursor: pointer;
}
.vm-cv-home-flow {
  display: grid;
  width: 100%;
}
.vm-cv-home-flow-row {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  min-height: 4.15rem;
  padding: 0.72rem 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}
.vm-cv-home-flow-row > span {
  color: #0f172a57;
  font-size: 0.88rem;
  font-weight: 760;
  letter-spacing: 0.08em;
}
.vm-cv-home-flow-row h2 {
  margin: 0;
  color: #111827;
  font-size: 1.05rem;
  line-height: 1.15;
  letter-spacing: 0;
  font-weight: 720;
}
.vm-cv-home-flow-row p {
  max-width: 58ch;
  margin: 0.16rem 0 0;
  color: #64748b;
  font-size: 0.86rem;
  line-height: 1.4;
  font-weight: 500;
}
.vm-cv-home-flow-row button {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2rem;
  border: 0;
  border-radius: 0.48rem;
  padding: 0 0.55rem 0 0.72rem;
  background: transparent;
  color: #111827;
  font-size: 0.8rem;
  font-weight: 720;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #0f172a24;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-flow-row button:hover,
.vm-cv-home-flow-row button:focus-visible {
  background: #111827;
  color: #fff;
  transform: translate(2px);
}
.vm-cv-home-brief {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: clamp(1rem, 3vw, 2.2rem);
  padding: 1.35rem 0 1rem;
  border-bottom: 1px solid rgba(17, 24, 39, 0.14);
  font-family:
    Nunito Sans,
    Atkinson Hyperlegible,
    sans-serif;
}
.vm-cv-home-brief-head {
  min-width: 0;
}
.vm-cv-home-brief-head h1 {
  margin: 0;
  color: #101828;
  font-size: clamp(1.9rem, 3.8vw, 3.2rem);
  line-height: 0.96;
  letter-spacing: 0;
  font-weight: 780;
}
.vm-cv-home-brief-head p {
  margin: 0.4rem 0 0;
  color: #667085;
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 600;
}
.vm-cv-home-brief-status {
  display: grid;
  grid-auto-flow: column;
  align-items: end;
  gap: 1.15rem;
  color: #667085;
  white-space: nowrap;
}
.vm-cv-home-brief-status span {
  display: grid;
  gap: 0.18rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.vm-cv-home-brief-status strong {
  color: #101828;
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 850;
}
.vm-cv-home-brief-status button {
  align-self: end;
  border: 0;
  padding: 0 0 0.15rem;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
  cursor: pointer;
}
.vm-cv-home-brief-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.vm-cv-home-brief .vm-cv-home-primary-action,
.vm-cv-home-brief .vm-cv-home-text-action {
  min-height: 2.4rem;
  border-radius: 0.35rem;
  padding: 0 0.8rem;
  font-size: 0.84rem;
  font-weight: 850;
}
.vm-cv-home-track {
  display: grid;
  padding-top: 0.45rem;
}
.vm-cv-home-track-row {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.95rem;
  min-height: 4.35rem;
  border-bottom: 1px solid rgba(17, 24, 39, 0.1);
}
.vm-cv-home-track-row > span {
  color: #98a2b3;
  font-size: 0.72rem;
  font-weight: 900;
}
.vm-cv-home-track-row h2 {
  margin: 0;
  color: #101828;
  font-size: 0.98rem;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 850;
}
.vm-cv-home-track-row p {
  margin: 0.12rem 0 0;
  color: #667085;
  font-size: 0.84rem;
  line-height: 1.38;
  font-weight: 600;
}
.vm-cv-home-track-row button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2rem;
  border: 0;
  border-radius: 0.35rem;
  padding: 0 0.62rem 0 0.72rem;
  background: transparent;
  color: #101828;
  font-size: 0.8rem;
  font-weight: 850;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-track-row button:hover,
.vm-cv-home-track-row button:focus-visible {
  background: #101828;
  color: #fff;
  transform: translate(2px);
}
.vm-cv-home-launcher {
  min-height: clamp(19rem, 38vh, 28rem);
  display: grid;
  align-content: center;
  gap: clamp(2rem, 5vw, 4rem);
  padding: clamp(2rem, 6vw, 4.8rem) 0 1rem;
  font-family:
    Nunito Sans,
    Atkinson Hyperlegible,
    sans-serif;
}
.vm-cv-home-launcher-main {
  display: grid;
  gap: clamp(1.2rem, 3vw, 2rem);
  justify-items: center;
  text-align: center;
}
.vm-cv-home-launcher-main p {
  width: min(100%, 38rem);
  margin: 0;
  color: #111827;
  font-size: clamp(1.45rem, 3.6vw, 2.65rem);
  line-height: 1.05;
  font-weight: 820;
  letter-spacing: 0;
}
.vm-cv-home-launcher-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
}
.vm-cv-home-launcher-actions button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.8rem;
  border: 0;
  border-radius: 0;
  padding: 0 1.05rem;
  background: transparent;
  color: #344054;
  font-size: 0.95rem;
  font-weight: 850;
  cursor: pointer;
  transition:
    color 0.17s ease,
    transform 0.17s ease;
}
.vm-cv-home-launcher-actions button + button {
  border-left: 1px solid rgba(17, 24, 39, 0.14);
}
.vm-cv-home-launcher-actions button:after {
  content: "";
  position: absolute;
  left: 1.05rem;
  right: 1.05rem;
  bottom: 0.32rem;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.17s ease;
}
.vm-cv-home-launcher-actions button:hover,
.vm-cv-home-launcher-actions button:focus-visible {
  color: #5f4ce3;
  transform: translateY(-1px);
}
.vm-cv-home-launcher-actions button:hover:after,
.vm-cv-home-launcher-actions button:focus-visible:after {
  transform: scaleX(1);
}
.vm-cv-home-launcher-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  color: #667085;
  font-size: 0.78rem;
  font-weight: 760;
}
.vm-cv-home-launcher-footer span + span:before,
.vm-cv-home-launcher-footer button:before {
  content: "/";
  margin-right: 0.8rem;
  color: #c0c6d4;
}
.vm-cv-home-launcher-footer button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  cursor: pointer;
}
.vm-cv-home-desk {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
  -moz-column-gap: clamp(2rem, 6vw, 5rem);
  column-gap: clamp(2rem, 6vw, 5rem);
  row-gap: clamp(1.6rem, 4vw, 3rem);
  align-items: start;
  padding: clamp(2rem, 6vw, 4.4rem) 0 clamp(1.2rem, 4vw, 2.6rem);
  font-family:
    Nunito Sans,
    Atkinson Hyperlegible,
    sans-serif;
}
.vm-cv-home-desk-copy {
  display: grid;
  gap: 0.9rem;
  min-width: 0;
}
.vm-cv-home-desk-copy h1 {
  max-width: 13ch;
  margin: 0;
  color: #101828;
  font-size: clamp(2.25rem, 6vw, 5.2rem);
  line-height: 0.9;
  letter-spacing: 0;
  font-weight: 850;
}
.vm-cv-home-desk-copy p {
  max-width: 58ch;
  margin: 0;
  color: #526071;
  font-size: clamp(0.98rem, 1.35vw, 1.12rem);
  line-height: 1.68;
  font-weight: 600;
}
.vm-cv-home-desk-status {
  display: grid;
  gap: 0.95rem;
  padding-top: 0.35rem;
  border-top: 2px solid #101828;
}
.vm-cv-home-desk-status span {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #667085;
  font-size: 0.88rem;
  font-weight: 750;
}
.vm-cv-home-desk-status strong {
  color: #101828;
  font-size: 1.18rem;
  line-height: 1;
  font-weight: 900;
}
.vm-cv-home-desk-status button {
  justify-self: start;
  border: 0;
  padding: 0.25rem 0 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
}
.vm-cv-home-desk-actions {
  grid-column: 1 / -1;
  display: grid;
  border-top: 1px solid rgba(17, 24, 39, 0.14);
  border-bottom: 1px solid rgba(17, 24, 39, 0.14);
}
.vm-cv-home-desk-action {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr) auto;
  gap: clamp(0.9rem, 2vw, 1.5rem);
  align-items: center;
  min-height: 7.2rem;
  padding: 1.25rem 0;
}
.vm-cv-home-desk-action + .vm-cv-home-desk-action {
  border-top: 1px solid rgba(17, 24, 39, 0.1);
}
.vm-cv-home-desk-action > svg {
  color: #5f4ce3;
}
.vm-cv-home-desk-action h2 {
  margin: 0;
  color: #101828;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 850;
}
.vm-cv-home-desk-action p {
  max-width: 64ch;
  margin: 0.32rem 0 0;
  color: #667085;
  font-size: 0.92rem;
  line-height: 1.55;
  font-weight: 600;
}
.vm-cv-home-desk-action button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.3rem;
  border: 0;
  border-radius: 0.45rem;
  padding: 0 0.72rem 0 0.85rem;
  background: transparent;
  color: #101828;
  font-size: 0.84rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #11182729;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-desk-action button:hover,
.vm-cv-home-desk-action button:focus-visible {
  background: #101828;
  color: #fff;
  transform: translate(2px);
}
.vm-cv-home-canvas {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
  grid-template-areas: "copy visual" "account visual" "flow flow";
  -moz-column-gap: clamp(2rem, 6vw, 5rem);
  column-gap: clamp(2rem, 6vw, 5rem);
  row-gap: clamp(1.6rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(2rem, 6vw, 4.6rem) 0 clamp(1.3rem, 4vw, 2.7rem);
  overflow: hidden;
  font-family:
    Nunito Sans,
    Atkinson Hyperlegible,
    sans-serif;
}
.vm-cv-home-canvas-copy {
  grid-area: copy;
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.vm-cv-home-canvas-copy h1 {
  max-width: 14ch;
  margin: 0;
  color: #101828;
  font-size: clamp(2.35rem, 6.2vw, 5.65rem);
  line-height: 0.88;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-canvas-copy p {
  max-width: 58ch;
  margin: 0;
  color: #526071;
  font-size: clamp(1rem, 1.35vw, 1.14rem);
  line-height: 1.68;
  font-weight: 650;
}
.vm-cv-home-canvas-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  padding-top: 0.3rem;
}
.vm-cv-home-canvas-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.65rem;
  border: 0;
  border-radius: 0.5rem;
  padding: 0 0.95rem;
  background: transparent;
  color: #101828;
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #11182729;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-canvas-actions button.is-primary {
  background: #101828;
  color: #fff;
  box-shadow: none;
}
.vm-cv-home-canvas-actions button:hover,
.vm-cv-home-canvas-actions button:focus-visible {
  transform: translateY(-2px);
}
.vm-cv-home-canvas-visual {
  grid-area: visual;
  position: relative;
  margin: 0;
  min-height: clamp(17rem, 34vw, 30rem);
  align-self: stretch;
}
.vm-cv-home-canvas-visual:before {
  content: "";
  position: absolute;
  top: 7%;
  right: 0;
  bottom: 4%;
  left: 16%;
  border-radius: 999px;
  background: #eef1ff;
}
.vm-cv-home-canvas-visual img {
  position: absolute;
  inset: auto 0 0 auto;
  width: min(100%, 34rem);
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 26px 42px rgba(80, 72, 180, 0.16));
}
.vm-cv-home-canvas-account {
  grid-area: account;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 3vw, 2.2rem);
  flex-wrap: wrap;
  color: #667085;
  font-size: 0.88rem;
  font-weight: 800;
}
.vm-cv-home-canvas-account span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
}
.vm-cv-home-canvas-account strong {
  color: #101828;
  font-size: 1.35rem;
  line-height: 1;
  font-weight: 950;
}
.vm-cv-home-canvas-account button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.vm-cv-home-canvas-flow {
  grid-area: flow;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(17, 24, 39, 0.14);
  border-bottom: 1px solid rgba(17, 24, 39, 0.14);
}
.vm-cv-home-canvas-flow article {
  display: grid;
  align-content: start;
  gap: 0.45rem;
  min-height: 13rem;
  padding: 1.2rem clamp(1rem, 2.2vw, 1.6rem) 1.35rem 0;
}
.vm-cv-home-canvas-flow article + article {
  padding-left: clamp(1rem, 2.2vw, 1.6rem);
  border-left: 1px solid rgba(17, 24, 39, 0.12);
}
.vm-cv-home-canvas-flow article > span {
  color: #98a2b3;
  font-size: 0.74rem;
  font-weight: 950;
}
.vm-cv-home-canvas-flow h2 {
  margin: 0;
  color: #101828;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-canvas-flow p {
  margin: 0;
  color: #667085;
  font-size: 0.9rem;
  line-height: 1.55;
  font-weight: 650;
}
.vm-cv-home-canvas-flow button {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.4rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 950;
  cursor: pointer;
}
.vm-cv-home-pro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 26rem);
  grid-template-areas: "copy preview" "meta preview" "flow flow";
  gap: clamp(1.6rem, 4vw, 3.5rem) clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  padding: clamp(2.4rem, 6vw, 5rem) 0 clamp(1.4rem, 4vw, 2.7rem);
  font-family:
    Manrope,
    Nunito Sans,
    sans-serif;
}
.vm-cv-home-pro:before {
  content: "";
  position: absolute;
  inset: 1.5rem 18% auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(16, 24, 40, 0.2), transparent);
}
.vm-cv-home-pro-copy {
  grid-area: copy;
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.vm-cv-home-pro-copy > span {
  color: #5f4ce3;
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.vm-cv-home-pro-copy h1 {
  max-width: 18ch;
  margin: 0;
  color: #101828;
  font-size: clamp(2rem, 4.6vw, 4rem);
  line-height: 0.98;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-pro-copy p {
  max-width: 60ch;
  margin: 0;
  color: #475467;
  font-size: clamp(0.92rem, 1.05vw, 1rem);
  line-height: 1.62;
  font-weight: 600;
}
.vm-cv-home-pro-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  padding-top: 0.4rem;
}
.vm-cv-home-pro-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  border: 0;
  border-radius: 0.45rem;
  padding: 0 1rem;
  background: #fff;
  color: #101828;
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #10182829;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}
.vm-cv-home-pro-actions button.is-primary {
  background: #101828;
  color: #fff;
  box-shadow: none;
}
.vm-cv-home-pro-actions button:hover,
.vm-cv-home-pro-actions button:focus-visible {
  transform: translateY(-2px);
}
.vm-cv-home-pro-preview {
  grid-area: preview;
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: clamp(24rem, 45vw, 35rem);
}
.vm-cv-home-pro-preview:before {
  content: "";
  position: absolute;
  top: 8%;
  right: 0;
  bottom: 2%;
  left: 14%;
  border-radius: 2rem;
  background: linear-gradient(135deg, #5f4ce31f, #14b8a614), #f7f9fc;
}
.vm-cv-home-pro-preview img {
  position: relative;
  z-index: 1;
  width: min(86%, 22rem);
  border-radius: 0.65rem;
  -o-object-fit: contain;
  object-fit: contain;
  box-shadow: 0 24px 70px #10182829;
  transform: rotate(-2deg);
}
.vm-cv-home-pro-preview div {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 8%;
  display: grid;
  gap: 0.15rem;
  width: min(15rem, 72%);
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: 0.65rem;
  background: #ffffffeb;
  box-shadow: 0 18px 50px #10182824;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.vm-cv-home-pro-preview strong {
  color: #101828;
  font-size: 0.9rem;
  font-weight: 900;
}
.vm-cv-home-pro-preview span {
  color: #667085;
  font-size: 0.78rem;
  line-height: 1.35;
  font-weight: 700;
}
.vm-cv-home-pro-meta {
  grid-area: meta;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 3vw, 2.4rem);
  flex-wrap: wrap;
  color: #667085;
  font-size: 0.88rem;
  font-weight: 750;
}
.vm-cv-home-pro-meta span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
}
.vm-cv-home-pro-meta strong {
  color: #101828;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 900;
}
.vm-cv-home-pro-meta button {
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.vm-cv-home-pro-flow {
  grid-area: flow;
  display: grid;
  border-top: 1px solid rgba(16, 24, 40, 0.14);
  border-bottom: 1px solid rgba(16, 24, 40, 0.14);
}
.vm-cv-home-pro-flow article {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: clamp(0.9rem, 2vw, 1.4rem);
  align-items: center;
  min-height: 6.5rem;
  padding: 1.05rem 0;
}
.vm-cv-home-pro-flow article + article {
  border-top: 1px solid rgba(16, 24, 40, 0.1);
}
.vm-cv-home-pro-flow article > span {
  color: #98a2b3;
  font-size: 0.76rem;
  font-weight: 900;
}
.vm-cv-home-pro-flow h2 {
  margin: 0;
  color: #101828;
  font-size: 1rem;
  line-height: 1.15;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-pro-flow p {
  max-width: 68ch;
  margin: 0.25rem 0 0;
  color: #667085;
  font-size: 0.84rem;
  line-height: 1.5;
  font-weight: 650;
}
.vm-cv-home-pro-flow button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.2rem;
  border: 0;
  border-radius: 0.45rem;
  padding: 0 0.68rem 0 0.8rem;
  background: transparent;
  color: #101828;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #10182824;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-pro-flow button:hover,
.vm-cv-home-pro-flow button:focus-visible {
  background: #101828;
  color: #fff;
  transform: translate(2px);
}
.vm-cv-home-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
  grid-template-areas: "copy visual" "strip strip" "flow flow";
  align-items: center;
  gap: clamp(1.25rem, 3.2vw, 2.6rem) clamp(2rem, 5vw, 4rem);
  padding: clamp(1.6rem, 4vw, 3.2rem) 0 clamp(1.3rem, 4vw, 2.4rem);
  font-family:
    Manrope,
    Nunito Sans,
    sans-serif;
}
.vm-cv-home-showcase-visual {
  grid-area: visual;
  position: relative;
  min-height: clamp(19rem, 32vw, 27rem);
}
.vm-cv-home-showcase-visual:before {
  content: "";
  position: absolute;
  top: 10%;
  right: 4%;
  bottom: 5%;
  left: 14%;
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #2196881f, #5f4ce31a), #f6f8fb;
}
.vm-cv-home-showcase-visual img {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 0.7rem;
  background: #fff;
  box-shadow: 0 22px 60px #10182829;
}
.vm-cv-home-showcase-visual img.is-back {
  width: min(52%, 14rem);
  right: 4%;
  top: 11%;
  opacity: 0.78;
  transform: rotate(5deg);
}
.vm-cv-home-showcase-visual img.is-front {
  width: min(62%, 17rem);
  left: 3%;
  bottom: 4%;
  transform: rotate(-2deg);
}
.vm-cv-home-showcase-copy {
  grid-area: copy;
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}
.vm-cv-home-showcase-copy > span {
  color: #208174;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-cv-home-showcase-copy h1 {
  max-width: 22ch;
  margin: 0;
  color: #101828;
  font-size: clamp(1.8rem, 3.4vw, 3.25rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-showcase-copy p {
  max-width: 58ch;
  margin: 0;
  color: #526071;
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  line-height: 1.62;
  font-weight: 650;
}
.vm-cv-home-showcase-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding-top: 0.35rem;
}
.vm-cv-home-showcase-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.7rem;
  border: 0;
  border-radius: 0.55rem;
  padding: 0 1rem;
  background: #fff;
  color: #101828;
  font-size: 0.87rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #10182829;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}
.vm-cv-home-showcase-actions button.is-primary {
  background: #101828;
  color: #fff;
  box-shadow: none;
}
.vm-cv-home-showcase-actions button:hover,
.vm-cv-home-showcase-actions button:focus-visible {
  transform: translateY(-2px);
}
.vm-cv-home-showcase-strip {
  grid-area: strip;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(16, 24, 40, 0.14);
  border-bottom: 1px solid rgba(16, 24, 40, 0.14);
}
.vm-cv-home-showcase-strip span,
.vm-cv-home-showcase-strip button {
  min-height: 3.85rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #667085;
  font-size: 0.86rem;
  font-weight: 800;
}
.vm-cv-home-showcase-strip span + span,
.vm-cv-home-showcase-strip button {
  padding-left: clamp(1rem, 2.2vw, 1.5rem);
  border-left: 1px solid rgba(16, 24, 40, 0.1);
}
.vm-cv-home-showcase-strip strong {
  color: #101828;
  font-size: 1.22rem;
  line-height: 1;
  font-weight: 950;
}
.vm-cv-home-showcase-strip button {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 900;
  cursor: pointer;
}
.vm-cv-home-showcase-flow {
  grid-area: flow;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-cv-home-showcase-flow article {
  display: grid;
  align-content: start;
  gap: 0.45rem;
  min-height: 10.2rem;
  padding: 0.25rem clamp(1rem, 2vw, 1.5rem) 0 0;
}
.vm-cv-home-showcase-flow article + article {
  padding-left: clamp(1rem, 2vw, 1.5rem);
  border-left: 1px solid rgba(16, 24, 40, 0.1);
}
.vm-cv-home-showcase-flow article > span {
  color: #98a2b3;
  font-size: 0.76rem;
  font-weight: 950;
}
.vm-cv-home-showcase-flow h2 {
  margin: 0;
  color: #101828;
  font-size: 1.02rem;
  line-height: 1.15;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-showcase-flow p {
  margin: 0;
  color: #667085;
  font-size: 0.85rem;
  line-height: 1.52;
  font-weight: 650;
}
.vm-cv-home-showcase-flow button {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  margin-top: 0.4rem;
  border: 0;
  padding: 0;
  background: transparent;
  color: #5f4ce3;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  cursor: pointer;
}
.vm-cv-home-operator {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "copy" "flow";
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(0.5rem, 1.6vw, 1.25rem) 0 clamp(1.3rem, 4vw, 2.5rem);
  font-family:
    Manrope,
    Nunito Sans,
    sans-serif;
}
.vm-cv-home-operator-copy {
  grid-area: copy;
  display: grid;
  gap: 0.9rem;
  min-width: 0;
  max-width: 52rem;
}
.vm-cv-home-operator-copy h1 {
  max-width: 19ch;
  margin: 0;
  color: #101828;
  font-size: clamp(1.95rem, 4vw, 3.65rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 900;
}
.vm-cv-home-operator-title-mobile,
.vm-cv-home-slide-action {
  display: none;
}
.vm-cv-home-price-highlight {
  color: #22c55e;
}
.vm-cv-home-users-highlight {
  color: #5f4ce3;
  font-weight: 950;
}
.vm-cv-home-hero-next .vm-cv-home-price-highlight {
  color: #22c55e;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
@keyframes vm-home-mobile-copy-change {
  0% {
    opacity: 0;
    transform: translateY(0.35rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vm-cv-home-operator-copy p {
  max-width: 62ch;
  margin: 0;
  color: #526071;
  font-size: clamp(0.92rem, 1.05vw, 1rem);
  line-height: 1.66;
  font-weight: 650;
}
.vm-cv-home-operator-actions {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  padding-top: 0.35rem;
}
.vm-cv-home-operator-actions button,
.vm-cv-home-operator-workbench > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.46rem;
  min-height: 2.65rem;
  border: 0;
  border-radius: 0.55rem;
  padding: 0 0.95rem;
  background: #fff;
  color: #101828;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #10182829;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}
.vm-cv-home-operator-actions .vm-cv-home-slide-action {
  display: none;
}
.vm-cv-home-operator-actions button.is-primary {
  background: #5f4ce3;
  color: #fff;
  box-shadow: none;
}
.vm-cv-home-operator-actions button.is-promo-action {
  background: #16a34a;
  color: #fff;
  box-shadow: none;
}
.vm-cv-home-operator-actions button:hover,
.vm-cv-home-operator-actions button:focus-visible,
.vm-cv-home-operator-workbench > button:hover,
.vm-cv-home-operator-workbench > button:focus-visible {
  transform: translateY(-2px);
}
.vm-cv-home-operator-workbench {
  grid-area: workbench;
  display: grid;
  gap: 0.9rem;
  padding: 1.1rem;
  border: 1px solid rgba(16, 24, 40, 0.12);
  border-radius: 1rem;
  background: linear-gradient(180deg, #fffffff5, #f7f9fceb);
  box-shadow: 0 22px 60px #10182814;
}
.vm-cv-home-operator-workbench-head strong {
  color: #101828;
  font-size: 0.95rem;
  font-weight: 950;
}
.vm-cv-home-operator-note {
  margin: 0;
  color: #667085;
  font-size: 0.84rem;
  line-height: 1.5;
  font-weight: 700;
}
.vm-cv-home-operator-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
}
.vm-cv-home-operator-summary span {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
  color: #667085;
  font-size: 0.76rem;
  font-weight: 850;
}
.vm-cv-home-operator-summary strong {
  color: #101828;
  font-size: 1.15rem;
  line-height: 1;
  font-weight: 950;
}
.vm-cv-home-operator-workbench > button {
  justify-self: start;
  min-height: 2.25rem;
  padding: 0 0.75rem;
  color: #5f4ce3;
  background: transparent;
}
.vm-cv-home-operator-flow {
  grid-area: flow;
  display: grid;
  width: calc(100% + 2.4rem);
  margin-inline: -1.2rem;
  border-top: 1px solid rgba(16, 24, 40, 0.14);
  border-bottom: 1px solid rgba(16, 24, 40, 0.14);
}
.vm-cv-home-operator-flow-head {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 0.22rem;
  min-height: 4.3rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(16, 24, 40, 0.1);
  background: transparent;
  text-align: center;
}
.vm-cv-home-operator-flow .vm-cv-home-operator-flow-head h2 {
  margin: 0;
  color: #101828;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem);
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 400;
}
.vm-cv-home-operator-flow .vm-cv-home-operator-flow-head p {
  max-width: none;
  margin: 0;
  color: #667085;
  font-size: 0.78rem;
  line-height: 1.35;
  font-weight: 400;
}
.vm-cv-home-operator-flow-row {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) auto;
  gap: clamp(0.85rem, 2vw, 1.3rem);
  align-items: center;
  width: 100%;
  min-height: 5.8rem;
  border: 0;
  border-radius: 0;
  padding: 0.9rem 1.2rem;
  background: transparent;
  box-shadow: none;
  color: #101828;
  font: inherit;
  text-align: left;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}
.vm-cv-home-operator-flow-row + .vm-cv-home-operator-flow-row {
  border-top: 1px solid rgba(16, 24, 40, 0.1);
}
.vm-cv-home-operator-flow-row > span {
  color: #98a2b3;
  font-size: 0.76rem;
  font-weight: 950;
  transition: color 0.18s ease;
}
.vm-cv-home-operator-flow-row h2 {
  margin: 0;
  color: #101828;
  font-size: 1rem;
  line-height: 1.15;
  letter-spacing: 0;
  font-weight: 900;
  transition: color 0.18s ease;
}
.vm-cv-home-operator-flow-row p {
  max-width: 62ch;
  margin: 0.22rem 0 0;
  color: #667085;
  font-size: 0.84rem;
  line-height: 1.48;
  font-weight: 650;
  transition: color 0.18s ease;
}
.vm-cv-home-operator-flow-row > svg {
  color: #98a2b3;
  transition:
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-home-operator-flow-row:hover,
.vm-cv-home-operator-flow-row:focus-visible {
  background: #5f4ce3;
  color: #fff;
  outline: none;
}
.vm-cv-home-operator-flow-row:hover > span,
.vm-cv-home-operator-flow-row:focus-visible > span,
.vm-cv-home-operator-flow-row:hover h2,
.vm-cv-home-operator-flow-row:focus-visible h2,
.vm-cv-home-operator-flow-row:hover p,
.vm-cv-home-operator-flow-row:focus-visible p,
.vm-cv-home-operator-flow-row:hover > svg,
.vm-cv-home-operator-flow-row:focus-visible > svg {
  color: #fff;
}
.vm-cv-home-operator-flow-row:hover > svg,
.vm-cv-home-operator-flow-row:focus-visible > svg {
  transform: translate(0.18rem);
}
@media (max-width: 1020px) {
  .vm-cv-home-command,
  .vm-cv-home-studio {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-command-copy,
  .vm-cv-home-command-panel {
    min-height: auto;
  }
  .vm-cv-home-workbench {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-work-card {
    min-height: auto;
  }
  .vm-cv-home-editorial {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .vm-cv-home-editorial-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .vm-cv-home-brief {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .vm-cv-home-brief-status {
    grid-auto-flow: column;
    justify-content: start;
  }
  .vm-cv-home-brief-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .vm-cv-home-launcher {
    min-height: 22rem;
  }
  .vm-cv-home-desk {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-desk-copy h1 {
    max-width: 16ch;
  }
  .vm-cv-home-canvas {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "visual" "account" "flow";
  }
  .vm-cv-home-canvas-visual {
    min-height: 18rem;
  }
  .vm-cv-home-canvas-visual:before {
    top: 8%;
    right: 10%;
    bottom: 4%;
    left: 10%;
  }
  .vm-cv-home-canvas-visual img {
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }
  .vm-cv-home-canvas-flow {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-canvas-flow article,
  .vm-cv-home-canvas-flow article + article {
    min-height: auto;
    padding: 1.05rem 0;
    border-left: 0;
  }
  .vm-cv-home-canvas-flow article + article {
    border-top: 1px solid rgba(17, 24, 39, 0.12);
  }
  .vm-cv-home-pro {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "preview" "meta" "flow";
  }
  .vm-cv-home-pro-copy h1 {
    max-width: 18ch;
  }
  .vm-cv-home-pro-preview {
    min-height: 26rem;
  }
  .vm-cv-home-showcase {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "visual" "strip" "flow";
  }
  .vm-cv-home-showcase-visual {
    min-height: 25rem;
  }
  .vm-cv-home-showcase-flow,
  .vm-cv-home-showcase-strip {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-showcase-strip span + span,
  .vm-cv-home-showcase-strip button {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid rgba(16, 24, 40, 0.1);
  }
  .vm-cv-home-showcase-flow article,
  .vm-cv-home-showcase-flow article + article {
    min-height: auto;
    padding: 1rem 0;
    border-left: 0;
  }
  .vm-cv-home-showcase-flow article + article {
    border-top: 1px solid rgba(16, 24, 40, 0.1);
  }
}
@media (max-width: 640px) {
  .vm-cv-home-command-copy {
    padding: 1.15rem;
  }
  .vm-cv-home-command-copy h1 {
    max-width: 15ch;
    font-size: clamp(2rem, 12vw, 3rem);
  }
  .vm-cv-home-command-actions {
    display: grid;
  }
  .vm-cv-home-command-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vm-cv-home-command-panel-action {
    grid-column: 1 / -1;
  }
  .vm-cv-home-studio-steps article {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-cv-home-studio-steps strong {
    grid-row: auto;
  }
  .vm-cv-home-editorial {
    padding-top: 1rem;
  }
  .vm-cv-home-editorial-lead h1 {
    font-size: 1.55rem;
  }
  .vm-cv-home-editorial-actions {
    align-items: stretch;
  }
  .vm-cv-home-flow-row {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
  }
  .vm-cv-home-flow-row button {
    justify-self: start;
  }
  .vm-cv-home-brief {
    gap: 0.85rem;
    padding-top: 1rem;
  }
  .vm-cv-home-brief-head h1 {
    font-size: 2rem;
  }
  .vm-cv-home-brief-status {
    gap: 1rem;
    white-space: normal;
  }
  .vm-cv-home-track-row {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.78rem 0;
  }
  .vm-cv-home-track-row button {
    grid-column: 2;
    justify-self: start;
  }
  .vm-cv-home-launcher {
    min-height: 20rem;
    padding-top: 1.7rem;
  }
  .vm-cv-home-launcher-main {
    justify-items: stretch;
    text-align: left;
  }
  .vm-cv-home-launcher-main p {
    font-size: 1.7rem;
  }
  .vm-cv-home-launcher-actions {
    display: grid;
    justify-content: stretch;
  }
  .vm-cv-home-launcher-actions button {
    justify-content: flex-start;
    min-height: 2.65rem;
    padding: 0;
  }
  .vm-cv-home-launcher-actions button + button {
    border-left: 0;
    border-top: 1px solid rgba(17, 24, 39, 0.12);
  }
  .vm-cv-home-launcher-actions button:after {
    left: 0;
    right: auto;
    width: 2.5rem;
  }
  .vm-cv-home-launcher-footer {
    justify-content: flex-start;
  }
  .vm-cv-home-desk {
    padding-top: 1.7rem;
    row-gap: 1.35rem;
  }
  .vm-cv-home-desk-copy h1 {
    max-width: 12ch;
    font-size: 2.35rem;
    line-height: 0.96;
  }
  .vm-cv-home-desk-action {
    grid-template-columns: 1.7rem minmax(0, 1fr);
    min-height: auto;
    padding: 1rem 0;
  }
  .vm-cv-home-desk-action button {
    grid-column: 2;
    justify-self: start;
  }
  .vm-cv-home-canvas {
    padding-top: 1.7rem;
    row-gap: 1.35rem;
  }
  .vm-cv-home-canvas-copy h1 {
    max-width: 13ch;
    font-size: 2.45rem;
    line-height: 0.96;
  }
  .vm-cv-home-canvas-copy p {
    font-size: 0.95rem;
  }
  .vm-cv-home-canvas-actions {
    display: grid;
    align-items: stretch;
  }
  .vm-cv-home-canvas-actions button {
    justify-content: flex-start;
  }
  .vm-cv-home-canvas-visual {
    min-height: 14.5rem;
  }
  .vm-cv-home-canvas-account {
    gap: 0.75rem 1.2rem;
  }
  .vm-cv-home-pro {
    padding-top: 1.8rem;
    gap: 1.35rem;
  }
  .vm-cv-home-pro:before {
    display: none;
  }
  .vm-cv-home-pro-copy h1 {
    max-width: 18ch;
    font-size: 2rem;
    line-height: 1;
  }
  .vm-cv-home-pro-copy p {
    font-size: 0.9rem;
  }
  .vm-cv-home-pro-actions {
    display: grid;
    align-items: stretch;
  }
  .vm-cv-home-pro-actions button {
    justify-content: flex-start;
  }
  .vm-cv-home-pro-preview {
    min-height: 20rem;
  }
  .vm-cv-home-pro-preview img {
    width: min(78%, 18rem);
  }
  .vm-cv-home-pro-preview div {
    right: 0.35rem;
    bottom: 4%;
  }
  .vm-cv-home-pro-meta {
    gap: 0.8rem 1.2rem;
  }
  .vm-cv-home-pro-flow article {
    grid-template-columns: 2rem minmax(0, 1fr);
    min-height: auto;
    padding: 0.95rem 0;
  }
  .vm-cv-home-pro-flow button {
    grid-column: 2;
    justify-self: start;
  }
  .vm-cv-home-showcase {
    padding-top: 1.7rem;
    gap: 1.25rem;
  }
  .vm-cv-home-showcase-copy h1 {
    max-width: 18ch;
    font-size: 2rem;
    line-height: 1;
  }
  .vm-cv-home-showcase-copy p {
    font-size: 0.9rem;
  }
  .vm-cv-home-showcase-actions {
    display: grid;
  }
  .vm-cv-home-showcase-actions button {
    justify-content: flex-start;
  }
  .vm-cv-home-showcase-visual {
    min-height: 20rem;
  }
  .vm-cv-home-showcase-strip span,
  .vm-cv-home-showcase-strip button {
    min-height: 3.3rem;
  }
  .vm-cv-home-operator {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "flow";
    padding-top: 0.7rem;
  }
  .vm-cv-home-operator-copy h1 {
    max-width: 18ch;
    font-size: 2rem;
    line-height: 1;
  }
  .vm-cv-home-operator-title-desktop {
    display: none;
  }
  .vm-cv-home-operator-title-mobile,
  .vm-cv-home-slide-action,
  .vm-cv-home-operator-actions .vm-cv-home-slide-action {
    display: inline-flex;
  }
  .vm-cv-home-operator-copy p {
    font-size: 0.9rem;
  }
  .vm-cv-home-operator-actions {
    display: grid;
    justify-items: stretch;
    width: 100%;
  }
  .vm-cv-home-operator-actions button {
    justify-content: center;
    width: 100%;
  }
  .vm-cv-home-operator-workbench {
    padding: 0.9rem;
  }
  .vm-cv-home-operator-flow {
    width: calc(100% + 2rem);
    margin-inline: -1rem;
  }
  .vm-cv-home-operator-flow-row {
    grid-template-columns: 2rem minmax(0, 1fr);
    min-height: auto;
    padding: 0.9rem 1rem;
  }
  .vm-cv-home-operator-flow-row > svg {
    display: none;
  }
}
.vm-cv-community-score-card,
.vm-cv-profile-corner-card {
  min-height: 11.8rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
.vm-cv-community-score-card {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 1rem;
  align-items: center;
  min-width: 0;
  padding: 1.15rem 1.2rem;
  background: linear-gradient(90deg, #f8faffeb, #ffffffd1 48%, #f1f7ffeb);
  background-clip: padding-box;
  border: 0;
  box-shadow: none;
}
.vm-cv-community-score-copy {
  display: grid;
  gap: 0.34rem;
}
.vm-cv-community-score-copy h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1.05;
  letter-spacing: -0.06em;
}
.vm-cv-community-score-copy p {
  max-width: 25rem;
  margin: 0;
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.55;
}
.vm-cv-community-score-visual {
  display: block;
  min-width: 0;
}
.vm-cv-community-chart {
  min-height: 8.2rem;
  padding: 0.72rem 0.85rem 0.45rem;
  border-radius: 1.2rem;
  background: #ffffff7a;
  box-shadow: none;
}
.vm-cv-community-chart-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.2rem;
}
.vm-cv-community-chart-head strong {
  color: #111827;
  font-size: 1.85rem;
  line-height: 1;
  letter-spacing: -0.06em;
}
.vm-cv-community-chart-head small {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 800;
  text-align: right;
}
.vm-cv-community-chart svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.vm-cv-community-chart-grid path {
  stroke: #94a3b838;
  stroke-width: 1;
  stroke-dasharray: 4 8;
}
.vm-cv-community-chart-area {
  fill: url(#vm-community-chart-area);
}
.vm-cv-community-chart-line {
  fill: none;
  stroke: url(#vm-community-chart-line);
  stroke-width: 4.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 7px 8px rgba(111, 84, 255, 0.1));
}
.vm-cv-community-chart-points circle {
  fill: #6f54ff;
  stroke: #fff;
  stroke-width: 3.2;
  filter: drop-shadow(0 5px 8px rgba(111, 84, 255, 0.16));
}
.vm-cv-profile-corner-card {
  position: relative;
  display: grid;
  align-content: end;
  justify-items: start;
  gap: 0.75rem;
  padding: 1.1rem;
  border: 1px solid rgba(111, 84, 255, 0.18);
  border-color: #6f54ff2e;
  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(111, 84, 255, 0.2),
      transparent 33%
    ),
    linear-gradient(135deg, #ffffff7a, #f6f4ff9e);
  text-align: left;
  cursor: pointer;
  min-width: 0;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-profile-corner-card:hover,
.vm-cv-profile-corner-card:focus-visible {
  transform: translateY(-2px);
  border-color: #6f54ff52;
  box-shadow: 0 20px 42px #6f54ff21;
}
.vm-cv-profile-corner-glow {
  position: absolute;
  top: -3rem;
  right: -2rem;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: #6f54ff2e;
  filter: blur(18px);
}
.vm-cv-profile-corner-illustration {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: min(7.8rem, 42%);
  height: 6.4rem;
}
.vm-cv-profile-corner-page {
  position: absolute;
  top: 0.35rem;
  right: 1.45rem;
  bottom: 0.85rem;
  left: 0.25rem;
  display: grid;
  align-content: center;
  gap: 0.45rem;
  padding: 1rem 0.85rem;
  border-radius: 1rem;
  background: #ffffffe0;
  box-shadow: 0 20px 38px #0f172a1a;
  transform: rotate(-5deg);
}
.vm-cv-profile-corner-page i {
  display: block;
  height: 0.38rem;
  border-radius: 999px;
  background: #6f54ff2e;
}
.vm-cv-profile-corner-page i:nth-child(1) {
  width: 54%;
}
.vm-cv-profile-corner-page i:nth-child(2) {
  width: 82%;
}
.vm-cv-profile-corner-page i:nth-child(3) {
  width: 68%;
}
.vm-cv-profile-corner-badge {
  position: absolute;
  right: 0.25rem;
  bottom: 0.15rem;
  width: 2.8rem;
  height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #6f54ff, #4f91ff);
  box-shadow: 0 16px 28px #6f54ff3d;
}
.vm-cv-profile-corner-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.25rem;
  max-width: min(17rem, 72%);
  padding-top: 4.2rem;
}
.vm-cv-profile-corner-copy strong {
  color: #111827;
  font-size: 1.05rem;
}
.vm-cv-profile-corner-copy small {
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.45;
}
.vm-cv-profile-corner-card b {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 2.25rem;
  align-items: center;
  padding: 0 0.82rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  font-size: 0.78rem;
}
.vm-cv-stat-card,
.vm-cv-resume-card,
.vm-cv-panel-card,
.vm-cv-create-card {
  border-radius: 1.35rem;
  background: transparent;
  box-shadow: 0 10px 30px #1118270d;
}
.vm-cv-stat-icon {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.vm-cv-stat-icon.is-purple {
  background: #6e56ff1a;
  color: #6e56ff;
}
.vm-cv-stat-icon.is-green {
  background: #22c55e1f;
  color: #1aa34f;
}
.vm-cv-stat-icon.is-orange {
  background: #f59e2a24;
  color: #f59e2a;
}
.vm-cv-stat-icon.is-blue {
  background: #3a66b01f;
  color: #3a66b0;
}
.vm-cv-stat-copy {
  display: grid;
  gap: 0.1rem;
}
.vm-cv-stat-copy strong {
  color: #111827;
  font-size: 1.65rem;
  line-height: 1;
  letter-spacing: -0.05em;
}
.vm-cv-stat-copy span,
.vm-cv-stat-copy small {
  color: #6b7280;
  font-size: 0.86rem;
  line-height: 1.35;
}
.vm-cv-manager-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.vm-cv-manager-section-head h2 {
  margin: 0;
  color: #111827;
  font-size: 1.55rem;
  letter-spacing: -0.05em;
}
.vm-cv-manager-section-title {
  display: inline-flex;
  align-items: baseline;
  gap: 0.55rem;
  min-width: 0;
}
.vm-cv-manager-section-title span {
  color: #6b7280;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.vm-cv-resume-limit-badges {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.vm-cv-manager-section-title .vm-cv-resume-limit-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0.34rem 0.58rem;
  border-radius: 999px;
  font-size: 0.86rem;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.vm-cv-resume-limit-badge.is-free {
  color: #64748b;
  background: #f1f5f9f2;
  box-shadow: inset 0 0 0 1px #cbd5e1b8;
}
.vm-cv-resume-limit-badge.is-pro {
  color: #fff;
  background: linear-gradient(135deg, #f97316, #fb923c);
  box-shadow: 0 0.65rem 1.4rem #f973162e;
}
.vm-cv-manager-link,
.vm-cv-panel-link {
  border: 0;
  background: transparent;
  color: #5f4ce3;
  font-weight: 700;
  cursor: pointer;
}
.vm-cv-manager-link:disabled,
.vm-cv-panel-link:disabled {
  color: #9ca3af;
  cursor: not-allowed;
}
.vm-cv-manager-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  width: 100%;
}
.vm-cv-resume-card {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 0;
  min-height: 15.4rem;
  padding: 0.9rem 1rem 0;
  border: 1px solid rgba(226, 232, 240, 0.92);
  overflow: hidden;
}
.vm-cv-resume-content {
  display: grid;
  grid-template-columns: minmax(6.2rem, 42%) minmax(0, 1fr);
  gap: 0.9rem;
  align-items: stretch;
  min-height: 10.5rem;
}
.vm-cv-resume-info {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  gap: 0.85rem;
  min-width: 0;
}
.vm-cv-resume-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.vm-cv-resume-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0 0.7rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.vm-cv-resume-badge.is-green {
  background: #22c55e1f;
  color: #22a650;
}
.vm-cv-resume-badge.is-blue {
  background: #3a66b01f;
  color: #3a66b0;
}
.vm-cv-resume-badge.is-purple {
  background: #6e56ff1f;
  color: #6e56ff;
}
.vm-cv-resume-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
}
.vm-cv-resume-body h3 {
  margin: 0;
  color: #111827;
  font-size: 1.1rem;
  line-height: 1.22;
  letter-spacing: -0.04em;
}
.vm-cv-resume-body {
  min-height: 3.6rem;
}
.vm-cv-resume-body p {
  margin: 0.28rem 0 0;
  color: #6b7280;
  font-size: 0.86rem;
  line-height: 1.45;
}
.vm-cv-resume-score {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  position: relative;
  z-index: 2;
}
.vm-cv-score-ring {
  --vm-ring-color: #3a66b0;
  position: relative;
  width: 4.15rem;
  height: 4.15rem;
  flex: 0 0 auto;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      circle at center,
      rgba(255, 255, 255, 0.98) 58%,
      transparent 59%
    ),
    conic-gradient(
      var(--vm-ring-color) var(--vm-score),
      rgba(229, 231, 235, 0.98) 0
    );
}
.vm-cv-score-ring.is-green {
  --vm-ring-color: #21b556;
}
.vm-cv-score-ring.is-blue {
  --vm-ring-color: #4f91ff;
}
.vm-cv-score-ring.is-purple {
  --vm-ring-color: #8b5cf6;
}
.vm-cv-score-ring span {
  color: #111827;
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: -0.05em;
}
.vm-cv-score-copy {
  display: grid;
  gap: 0.2rem;
}
.vm-cv-score-copy small {
  color: #6b7280;
  font-size: 0.8rem;
}
.vm-cv-score-copy strong {
  font-size: 1rem;
}
.vm-cv-score-copy strong.is-green {
  color: #22a650;
}
.vm-cv-score-copy strong.is-blue {
  color: #4f91ff;
}
.vm-cv-score-copy strong.is-purple {
  color: #8b5cf6;
}
.vm-cv-resume-preview {
  position: relative;
  z-index: 1;
  width: 100%;
  height: calc(100% + 1.45rem);
  min-height: 11.4rem;
  margin: 0 0 -1.45rem -0.05rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  filter: drop-shadow(0 14px 22px rgba(15, 23, 42, 0.1));
  transition: filter 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-resume-preview:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2.4rem;
  background: linear-gradient(180deg, #fff0, #fffffff5);
  pointer-events: none;
}
.vm-cv-resume-preview img {
  width: min(100%, 7.7rem);
  height: auto;
  border-radius: 0.7rem 0.7rem 0 0;
  transform: translateY(0.05rem);
  transform-origin: top center;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-resume-card:hover .vm-cv-resume-preview img,
.vm-cv-resume-card:focus-within .vm-cv-resume-preview img {
  transform: translateY(0.05rem) scale(1.045);
}
.vm-cv-resume-card:hover .vm-cv-resume-preview,
.vm-cv-resume-card:focus-within .vm-cv-resume-preview {
  filter: drop-shadow(0 18px 30px rgba(15, 23, 42, 0.16))
    drop-shadow(0 7px 14px rgba(15, 23, 42, 0.1));
}
.vm-cv-resume-preview-skeleton {
  width: min(100%, 7.7rem);
  min-height: 11.6rem;
  padding: 0.8rem 0.7rem;
  border-radius: 0.7rem 0.7rem 0 0;
  background:
    radial-gradient(
      circle at 18% 10%,
      rgba(111, 84, 255, 0.12),
      transparent 32%
    ),
    #fffffff0;
  box-shadow: inset 0 0 0 1px #e2e8f0c7;
  display: grid;
  align-content: start;
  gap: 0.36rem;
  transform-origin: top center;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-resume-card:hover .vm-cv-resume-preview-skeleton,
.vm-cv-resume-card:focus-within .vm-cv-resume-preview-skeleton {
  transform: scale(1.045);
}
.vm-cv-resume-preview-skeleton span {
  display: block;
  width: 100%;
  height: 0.34rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #6f54ff14, #6f54ff33, #6f54ff14);
  background-size: 220% 100%;
  animation: vm-profile-boost-preview-shimmer 1.8s linear infinite;
}
.vm-cv-resume-preview-skeleton span.is-name {
  width: 58%;
  height: 0.46rem;
  margin-bottom: 0.35rem;
}
.vm-cv-resume-preview-skeleton span.is-short {
  width: 72%;
}
.vm-cv-resume-actions {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 0.4rem;
  margin-inline: -1rem;
  padding: 0.7rem 0.85rem 0.8rem;
  border-top: 1px solid rgba(229, 231, 235, 0.92);
  background: linear-gradient(180deg, #ffffffed, #fffffffa), #fffffff5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.vm-cv-resume-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  height: 2.15rem;
  min-height: 2.15rem;
  line-height: 1;
  align-self: stretch;
  border: 0;
  background: transparent;
  color: #111827;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
.vm-cv-resume-actions .vm-cv-resume-download-button {
  border-radius: 0.9rem;
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  color: #fff;
  box-shadow: 0 10px 20px #6f54ff29;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    background-image 0.18s ease;
}
.vm-cv-resume-actions .vm-cv-resume-download-button:hover,
.vm-cv-resume-actions .vm-cv-resume-download-button:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #6246f5, #845cff);
  color: #fff;
  box-shadow: 0 14px 24px #6f54ff3d;
}
.vm-cv-resume-actions .vm-cv-resume-download-button.is-unlocked {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  box-shadow: 0 10px 20px #22c55e2e;
}
.vm-cv-resume-actions .vm-cv-resume-download-button.is-unlocked:hover,
.vm-cv-resume-actions .vm-cv-resume-download-button.is-unlocked:focus-visible {
  background: linear-gradient(135deg, #16a34a, #15803d);
  color: #fff;
  box-shadow: 0 14px 24px #16a34a3d;
}
.vm-cv-resume-more-wrap {
  position: relative;
}
.vm-cv-resume-more-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.5rem);
  z-index: 8;
  min-width: 12rem;
  display: grid;
  gap: 0.2rem;
  padding: 0.45rem;
  border-radius: 0.95rem;
  background: #fffffffa;
  box-shadow:
    0 18px 36px #11182729,
    inset 0 0 0 1px #e5e7ebeb;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.45rem) scale(0.98);
  transform-origin: bottom right;
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0ms linear 0.22s;
}
.vm-cv-resume-more-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition:
    opacity 0.18s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0ms linear 0ms;
}
.vm-cv-resume-more-menu button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.65rem;
  min-height: 2.5rem;
  padding: 0 0.8rem;
  border-radius: 0.7rem;
  background: transparent;
  color: #111827;
  font-size: 0.84rem;
  font-weight: 600;
}
.vm-cv-resume-more-menu button:hover {
  background: #5a8bd614;
}
.vm-cv-resume-more-menu button.is-danger {
  color: #dc2626;
}
.vm-cv-resume-more-menu button.is-danger:hover {
  background: #dc262614;
}
.vm-cv-create-card {
  display: grid;
  place-items: center;
  gap: 0.8rem;
  min-height: 13.3rem;
  padding: 1rem;
  border: 1px dashed color-mix(in srgb, #6e56ff 34%, transparent);
  color: #5f4ce3;
  text-align: center;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
  transition:
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    background 0.18s ease;
}
.vm-cv-create-card:hover,
.vm-cv-create-card:focus-visible {
  border-color: #6e56ff;
  background: color-mix(in srgb, #6e56ff 7%, transparent);
  color: #4f3dd8;
  transform: translateY(-3px);
}
.vm-cv-create-icon {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6e56ff;
  background: transparent;
  box-shadow: none;
  transition:
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-cv-create-card:hover .vm-cv-create-icon,
.vm-cv-create-card:focus-visible .vm-cv-create-icon {
  color: #4f3dd8;
  transform: scale(1.08);
}
.vm-cv-create-title {
  display: grid;
  justify-items: center;
  gap: 0.28rem;
}
.vm-cv-create-title strong {
  font-size: 1.06rem;
  letter-spacing: -0.03em;
}
.vm-cv-create-title small {
  color: #5f4ce3;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}
.vm-cv-create-hint {
  max-width: 12rem;
  color: #6b7280;
  font-size: 0.84rem;
  line-height: 1.45;
}
.vm-cv-manager-lower {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  width: 100%;
  min-width: 0;
}
.vm-cv-panel-card {
  padding: 1rem 1.05rem;
}
.vm-cv-panel-head {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}
.vm-cv-panel-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6e56ff;
  background: #6e56ff1f;
}
.vm-cv-about-card .vm-cv-panel-icon {
  background: transparent;
}
.vm-cv-about-card .vm-cv-panel-head {
  gap: 0.9rem;
}
.vm-cv-about-card .vm-cv-panel-icon {
  width: 2.15rem;
  height: 2.15rem;
}
.vm-cv-about-card .vm-cv-panel-head h3 {
  font-size: clamp(1.05rem, 1.45vw, 1.24rem);
  line-height: 1.18;
  letter-spacing: -0.025em;
}
.vm-cv-about-card .vm-cv-panel-head p {
  max-width: 72ch;
  margin-top: 0.34rem;
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  line-height: 1.62;
}
.vm-cv-jobs-coming-tab {
  min-height: min(34rem, calc(100vh - 9rem));
  align-content: center;
}
.vm-cv-jobs-coming-card {
  width: min(100%, 68rem);
  margin: 0 auto;
  min-height: clamp(22rem, 46vh, 31rem);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 1rem;
  padding: clamp(2rem, 6vw, 5rem);
  text-align: center;
  border: 1px solid rgba(124, 92, 255, 0.18);
  border-radius: 1.8rem;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(124, 92, 255, 0.16),
      transparent 38%
    ),
    linear-gradient(135deg, #fffffff5, #f8faffeb);
  box-shadow: 0 24px 70px #4f46e51a;
}
.vm-cv-jobs-coming-icon {
  display: inline-grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  color: #6f54ff;
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #7c5cff24, #5578ff1a);
}
.vm-cv-jobs-coming-card h1 {
  max-width: 12ch;
  margin: 0;
  color: #101828;
  font-size: clamp(2.4rem, 5vw, 4.2rem);
  line-height: 0.95;
  letter-spacing: -0.065em;
}
.vm-cv-jobs-coming-card p {
  max-width: 58ch;
  margin: 0;
  color: #53627d;
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height: 1.65;
}
.vm-cv-jobs-tab {
  gap: 1rem;
}
.vm-cv-jobs-hero {
  align-items: flex-end;
  justify-content: space-between;
}
.vm-cv-jobs-best-button {
  flex: 0 0 auto;
  min-height: 2.9rem;
  padding-inline: 1rem;
}
.vm-cv-jobs-search-card {
  display: grid;
  grid-template-columns: minmax(14rem, 1.35fr) minmax(11rem, 0.9fr) minmax(
      10rem,
      0.85fr
    ) minmax(11rem, 0.9fr) minmax(9rem, 0.75fr);
  gap: 0.75rem;
  align-items: end;
  padding: 1rem;
  border: 0;
  border-radius: 0.9rem;
  background: #ffffffc2;
}
.vm-cv-jobs-filter-toggle {
  display: none;
}
.vm-cv-jobs-mobile-reveal,
.vm-cv-jobs-mobile-reveal-inner {
  display: contents;
}
.vm-cv-jobs-field {
  display: grid;
  gap: 0.42rem;
}
.vm-cv-jobs-field span,
.vm-cv-jobs-sources > span {
  color: #344054;
  font-size: 0.76rem;
  font-weight: 700;
}
.vm-cv-jobs-field input,
.vm-cv-jobs-field select {
  width: 100%;
  min-height: 2.85rem;
  padding: 0 0.85rem;
  border: 1px solid rgba(116, 128, 154, 0.26);
  border-radius: 0.78rem;
  background: #f8fafce0;
  color: #101828;
  font: inherit;
}
.vm-cv-jobs-field select:disabled {
  cursor: not-allowed;
  color: #98a2b3;
  background: #f1f5f9d6;
}
.vm-cv-jobs-field input:focus,
.vm-cv-jobs-field select:focus {
  outline: 2px solid rgba(124, 92, 255, 0.22);
  border-color: #7c5cff7a;
}
.vm-cv-jobs-sources {
  grid-column: 1 / 4;
  display: grid;
  gap: 0.45rem;
}
.vm-cv-jobs-sources div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.vm-cv-jobs-sources button {
  min-height: 2.35rem;
  padding: 0 0.8rem;
  border: 1px solid rgba(116, 128, 154, 0.24);
  border-radius: 999px;
  background: #ffffffc7;
  color: #344054;
  font-weight: 700;
}
.vm-cv-jobs-sources button.is-active {
  border-color: #7c5cff94;
  background: #7c5cff1f;
  color: #5b43dd;
}
.vm-cv-jobs-actions {
  grid-column: 4 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 0.65rem;
}
.vm-cv-jobs-search-button,
.vm-cv-jobs-actions .vm-cv-jobs-best-button {
  min-height: 2.85rem;
  align-self: end;
  white-space: nowrap;
}
.vm-cv-jobs-search-button {
  border-color: #6f54ff;
  background: #6f54ff;
  color: #fff;
}
.vm-cv-jobs-search-button:hover,
.vm-cv-jobs-search-button:focus-visible {
  border-color: #5b43dd;
  background: #5b43dd;
  color: #fff;
}
.vm-cv-jobs-actions .vm-cv-jobs-best-button {
  border: 0;
  background: linear-gradient(
    135deg,
    #3a6edc,
    #8f778f 30%,
    #f95e0d 58%,
    #f95e0d
  );
  color: #fff;
  box-shadow: 0 14px 28px #5b6cff33;
}
.vm-cv-jobs-actions .vm-cv-jobs-best-button:hover,
.vm-cv-jobs-actions .vm-cv-jobs-best-button:focus-visible {
  border: 0;
  background: linear-gradient(
    135deg,
    #315fc4,
    #816b84 30%,
    #e95209 58%,
    #e95209
  );
  color: #fff;
  transform: translateY(-1px);
}
.vm-cv-jobs-best-result,
.vm-cv-jobs-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(124, 92, 255, 0.18);
  border-radius: 1rem;
  background: #7c5cff12;
}
.vm-cv-jobs-best-result {
  display: grid;
  justify-content: stretch;
}
.vm-cv-jobs-best-result strong,
.vm-cv-jobs-results-head strong {
  color: #101828;
}
.vm-cv-jobs-best-result p,
.vm-cv-jobs-results-head span,
.vm-cv-jobs-results-head small {
  margin: 0;
  color: #53627d;
  font-size: 0.88rem;
}
.vm-cv-jobs-ai-loading {
  min-height: min(34rem, calc(100vh - 10rem));
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 0.9rem;
  padding: 2rem;
  text-align: center;
}
.vm-cv-jobs-ai-loading strong {
  color: #101828;
  font-size: 1.08rem;
  font-weight: 700;
}
.vm-cv-jobs-ai-loading p {
  max-width: 31rem;
  margin: 0;
  color: #667085;
  font-size: 0.9rem;
  line-height: 1.55;
}
.vm-cv-jobs-ai-orbit {
  position: relative;
  width: 5.75rem;
  height: 5.75rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(111, 84, 255, 0.16);
  border-radius: 50%;
  background: #6f54ff12;
  color: #6f54ff;
}
.vm-cv-jobs-ai-orbit:before,
.vm-cv-jobs-ai-orbit:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.vm-cv-jobs-ai-orbit:before {
  top: 0.55rem;
  right: 0.55rem;
  bottom: 0.55rem;
  left: 0.55rem;
  border: 1px solid rgba(255, 90, 31, 0.22);
  border-top-color: #ff5a1f;
  animation: vmJobsAiSpin 1.35s linear infinite;
}
.vm-cv-jobs-ai-orbit:after {
  top: 1.15rem;
  right: 1.15rem;
  bottom: 1.15rem;
  left: 1.15rem;
  border: 1px solid rgba(111, 84, 255, 0.2);
  border-bottom-color: #6f54ff;
  animation: vmJobsAiSpin 1.05s linear infinite reverse;
}
.vm-cv-jobs-ai-orbit i {
  position: absolute;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 50%;
  background: #ff5a1f;
  animation: vmJobsAiPulse 1.2s ease-in-out infinite;
}
.vm-cv-jobs-ai-orbit i:nth-of-type(1) {
  top: 0.55rem;
}
.vm-cv-jobs-ai-orbit i:nth-of-type(2) {
  right: 0.65rem;
  bottom: 1.15rem;
  animation-delay: 0.2s;
}
.vm-cv-jobs-ai-orbit i:nth-of-type(3) {
  left: 0.65rem;
  bottom: 1.15rem;
  animation-delay: 0.4s;
}
.vm-cv-jobs-ai-progress {
  width: min(17rem, 72vw);
  height: 0.28rem;
  overflow: hidden;
  border-radius: 999px;
  background: #6f54ff1f;
}
.vm-cv-jobs-ai-progress span {
  display: block;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5b6cff, #ff5a1f);
  animation: vmJobsAiProgress 1.45s ease-in-out infinite;
}
.vm-cv-jobs-ai-result {
  width: min(100%, 52rem);
  justify-self: center;
  gap: 1rem;
  padding: 1.25rem;
  background: #ffffffe0;
}
.vm-cv-jobs-ai-result-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.vm-cv-jobs-ai-result-heading > div:first-child {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
}
.vm-cv-jobs-ai-result-heading h3 {
  font-size: 1.2rem;
}
.vm-cv-jobs-ai-result-heading .vm-cv-job-match-score {
  flex: 0 0 auto;
}
.vm-cv-jobs-ai-reason {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.65rem;
  padding: 0.8rem;
  border: 1px solid rgba(111, 84, 255, 0.15);
  border-radius: 0.8rem;
  background: #6f54ff0f;
  color: #5b43dd;
}
.vm-cv-jobs-ai-reason p {
  margin: 0;
  color: #344054;
  font-size: 0.88rem;
  line-height: 1.55;
}
.vm-cv-jobs-ai-points,
.vm-cv-jobs-ai-risks {
  display: grid;
  gap: 0.5rem;
}
.vm-cv-jobs-ai-points > span,
.vm-cv-jobs-ai-risks > span {
  color: #344054;
  font-size: 0.78rem;
  font-weight: 700;
}
.vm-cv-jobs-ai-points ul,
.vm-cv-jobs-ai-risks ul {
  display: grid;
  gap: 0.42rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-cv-jobs-ai-points li,
.vm-cv-jobs-ai-risks li {
  color: #53627d;
  font-size: 0.84rem;
  line-height: 1.45;
}
.vm-cv-jobs-ai-points li {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}
.vm-cv-jobs-ai-points li svg {
  flex: 0 0 auto;
  margin-top: 0.12rem;
  color: #079455;
}
.vm-cv-jobs-ai-risks li {
  padding-left: 0.8rem;
  border-left: 2px solid rgba(245, 158, 11, 0.45);
}
@keyframes vmJobsAiSpin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes vmJobsAiPulse {
  0%,
  to {
    opacity: 0.35;
    transform: scale(0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes vmJobsAiProgress {
  0% {
    transform: translate(-110%);
  }
  to {
    transform: translate(260%);
  }
}
.vm-cv-jobs-results-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}
.vm-cv-jobs-results-grid.is-refreshing:before {
  content: "Atualizando vagas...";
  position: absolute;
  z-index: 2;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(124, 92, 255, 0.18);
  border-radius: 999px;
  background: #ffffffeb;
  color: #5b43dd;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 12px 26px #10182814;
}
.vm-cv-jobs-results-grid.is-refreshing .vm-cv-job-result-card {
  opacity: 0.58;
}
.vm-cv-jobs-results-anchor {
  height: 1px;
  scroll-margin-top: 1rem;
}
.vm-cv-job-result-card,
.vm-cv-jobs-empty {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  border: 1px solid rgba(116, 128, 154, 0.2);
  border-radius: 1rem;
  background: #ffffffc7;
}
.vm-cv-job-result-card h3 {
  margin: 0;
  color: #101828;
  font-size: 1rem;
  line-height: 1.25;
}
.vm-cv-job-ad-card {
  position: relative;
  place-items: center;
  justify-items: center;
  align-content: center;
  min-height: 20rem;
  overflow: hidden;
  border-color: #2563eb33;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(37, 99, 235, 0.14),
      transparent 9rem
    ),
    linear-gradient(135deg, #eff6fff5, #ffffffe6);
  text-align: center;
}
.vm-cv-job-ad-card:before {
  content: "";
  position: absolute;
  inset: auto 50% 1rem auto;
  width: 3.8rem;
  height: 0.22rem;
  border-radius: 999px;
  background: #fdc20f;
  transform: translate(50%);
}
.vm-cv-job-ad-logo {
  width: min(9.5rem, 72%);
  max-height: 5.6rem;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.vm-cv-job-ad-sources {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.42rem 0.7rem;
  max-width: 42rem;
  margin: -0.08rem auto 0.1rem;
}
.vm-cv-job-ad-sources span {
  display: inline-flex;
  align-items: center;
  gap: 0.24rem;
  color: #24446f;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.vm-cv-job-ad-sources img {
  width: 0.95rem;
  height: 0.95rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-cv-job-ad-card p {
  max-width: 36rem;
  margin: 0;
  color: #475467;
  font-size: 0.88rem;
  line-height: 1.55;
}
.vm-cv-job-ad-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  min-width: 8.5rem;
  margin-top: 0.25rem;
  padding: 0 1.15rem;
  border-radius: 0.9rem;
  background: #0b4ecc;
  color: #fff;
  font-size: 0.92rem;
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 14px 28px #0b4ecc2e;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-cv-job-ad-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px #0b4ecc3d;
}
.vm-cv-job-result-topline,
.vm-cv-job-result-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.vm-cv-job-result-topline small {
  color: #667085;
  font-size: 0.75rem;
  font-weight: 700;
}
.vm-cv-job-source-logo {
  min-width: 4.45rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.02rem;
  padding: 0 0.48rem;
  border-radius: 0.5rem;
  color: #101828;
  background: transparent;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: none;
}
.vm-cv-job-source-logo.is-linkedin {
  width: 1.75rem;
  min-width: 1.75rem;
  padding: 0;
  border-radius: 0.42rem;
  background: #0a66c2;
  color: #fff;
  box-shadow: none;
}
.vm-cv-job-source-logo.is-linkedin span {
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: -0.04em;
}
.vm-cv-job-source-logo.is-infojobs {
  min-width: 5.2rem;
  justify-content: flex-start;
  padding-inline: 0.52rem;
  color: #155ab6;
  background: transparent;
  box-shadow: none;
}
.vm-cv-job-source-logo.is-infojobs span,
.vm-cv-job-source-logo.is-infojobs strong {
  font-size: 0.78rem;
  font-weight: 900;
}
.vm-cv-job-source-logo.is-infojobs strong {
  color: #f36f21;
}
.vm-cv-job-source-logo.is-catho {
  min-width: 4.7rem;
  background: transparent;
  color: #0054a6;
  box-shadow: none;
}
.vm-cv-job-source-logo.is-catho strong {
  font-size: 0.82rem;
  font-weight: 900;
}
.vm-cv-job-source-logo.is-generic {
  max-width: 8rem;
  color: #667085;
  font-size: 0.72rem;
  overflow: hidden;
}
.vm-cv-job-source-logo.is-generic span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-cv-job-company,
.vm-cv-job-meta,
.vm-cv-job-result-description,
.vm-cv-job-adherence-summary,
.vm-cv-jobs-empty p {
  margin: 0;
  color: #53627d;
  font-size: 0.88rem;
  line-height: 1.52;
}
.vm-cv-job-adherence-summary {
  color: #475467;
  font-size: 0.82rem;
}
.vm-cv-job-result-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.vm-cv-job-match-score {
  --vm-job-match-color: #10b981;
  --vm-job-match-soft: rgba(16, 185, 129, 0.13);
  display: grid;
  gap: 0.45rem;
  padding: 0.62rem 0.72rem;
  border-radius: 0.82rem;
  background: var(--vm-job-match-soft);
  color: #047857;
}
.vm-cv-job-match-score.is-mid {
  --vm-job-match-color: #f59e0b;
  --vm-job-match-soft: rgba(245, 158, 11, 0.13);
  color: #a16207;
}
.vm-cv-job-match-score.is-low {
  --vm-job-match-color: #ef4444;
  --vm-job-match-soft: rgba(239, 68, 68, 0.1);
  color: #b42318;
}
.vm-cv-job-match-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.vm-cv-job-match-copy span {
  font-size: 0.82rem;
  font-weight: 700;
}
.vm-cv-job-match-copy strong {
  color: currentColor;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.vm-cv-job-match-track {
  width: 100%;
  height: 0.42rem;
  overflow: hidden;
  border-radius: 999px;
  background: #ffffffb8;
  box-shadow: inset 0 0 0 1px #0f172a0a;
}
.vm-cv-job-match-track span {
  display: block;
  width: var(--vm-job-match);
  min-width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--vm-job-match-color) 78%, white),
    var(--vm-job-match-color)
  );
  transition: width 0.42s ease;
}
.vm-cv-job-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.vm-cv-job-keywords span {
  padding: 0.25rem 0.45rem;
  border-radius: 999px;
  background: #0f172a0d;
  color: #475467;
  font-size: 0.72rem;
  font-weight: 700;
}
.vm-cv-job-result-actions {
  margin-top: 0.15rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-cv-jobs-ai-result .vm-cv-job-result-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vm-cv-jobs-ai-result
  .vm-cv-job-result-actions
  > .button-secondary:first-child {
  grid-column: 1 / -1;
}
.vm-cv-job-result-actions .button-primary,
.vm-cv-job-result-actions .button-secondary {
  min-height: 3rem;
  text-align: center;
  justify-content: center;
}
.vm-cv-job-result-actions button.button-secondary.vm-cv-job-ai-action {
  gap: 0.35rem;
  padding-inline: 0.5rem;
  border: 0;
  background-color: #f95e0d;
  background-image: linear-gradient(
    135deg,
    #3a6edc,
    #8f778f 30%,
    #f95e0d 58%,
    #f95e0d
  );
  color: #fff;
  box-shadow: 0 10px 20px #5b6cff29;
  line-height: 1.15;
  white-space: normal;
}
.vm-cv-job-result-actions button.button-secondary.vm-cv-job-ai-action:hover,
.vm-cv-job-result-actions
  button.button-secondary.vm-cv-job-ai-action:focus-visible {
  border: 0;
  background-color: #e95209;
  background-image: linear-gradient(
    135deg,
    #315fc4,
    #816b84 30%,
    #e95209 58%,
    #e95209
  );
  color: #fff;
  box-shadow: 0 12px 22px #5b6cff38;
  transform: translateY(-1px);
}
.vm-cv-job-result-actions .vm-cv-job-ai-action svg {
  flex: 0 0 auto;
}
.vm-cv-job-result-actions .vm-cv-job-open-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #6f54ff;
  color: #fff;
  box-shadow: none;
}
.vm-cv-job-result-actions .vm-cv-job-open-button:hover,
.vm-cv-job-result-actions .vm-cv-job-open-button:focus-visible {
  border: 0;
  background: #6046eb;
  color: #fff;
  box-shadow: none;
}
.vm-cv-job-result-actions .button-secondary.is-saved {
  border-color: #10b98161;
  color: #047857;
  background: #10b98114;
}
.vm-cv-job-result-card.is-loading span {
  height: 0.85rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #e2e8f0bf, #f8fafcf2, #e2e8f0bf);
  background-size: 220% 100%;
  animation: vmSkeletonShimmer 1.2s infinite linear;
}
.vm-cv-job-result-card.is-loading span:first-child {
  width: 42%;
}
.vm-cv-job-result-card.is-loading span:nth-child(2) {
  width: 78%;
  height: 1.1rem;
}
.vm-cv-job-result-card.is-loading span:nth-child(3) {
  width: 60%;
}
.vm-cv-jobs-empty {
  grid-column: 1 / -1;
  min-height: 13rem;
  place-items: center;
  text-align: center;
}
.vm-cv-panel-head h3 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
}
.vm-cv-panel-head p {
  margin: 0.22rem 0 0;
  color: #6b7280;
  font-size: 0.84rem;
}
.vm-cv-analysis-list,
.vm-cv-tips-list {
  display: grid;
  gap: 0.75rem;
  margin-top: 0.9rem;
}
.vm-cv-analysis-row {
  display: grid;
  gap: 0.5rem;
}
.vm-cv-analysis-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.vm-cv-analysis-copy span {
  color: #111827;
  font-weight: 600;
  font-size: 0.88rem;
}
.vm-cv-analysis-copy strong {
  color: #6b7280;
  font-size: 0.84rem;
}
.vm-cv-analysis-bar {
  position: relative;
  height: 0.36rem;
  border-radius: 999px;
  background: #e5e7ebeb;
  overflow: hidden;
}
.vm-cv-analysis-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
}
.vm-cv-analysis-bar i.is-green {
  background: #22a650;
}
.vm-cv-analysis-bar i.is-blue {
  background: #4f91ff;
}
.vm-cv-analysis-bar i.is-purple {
  background: #8b5cf6;
}
.vm-cv-tip-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem 0.9rem;
  border-radius: 1rem;
  background: #f8fafcd9;
  box-shadow: inset 0 0 0 1px #e5e7ebeb;
}
.vm-cv-tip-bullet {
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 999px;
  flex: 0 0 auto;
}
.vm-cv-tip-item.is-good .vm-cv-tip-bullet {
  background: #21b556;
}
.vm-cv-tip-item.is-warn .vm-cv-tip-bullet {
  background: #f59e2a;
}
.vm-cv-tip-item p {
  margin: 0;
  color: #111827;
  font-size: 0.84rem;
  line-height: 1.5;
}
.vm-cv-create-modal {
  position: relative;
  width: min(34rem, 100%);
  padding: 1.35rem;
  border: 1px solid var(--line);
  border-radius: 1.5rem;
  background:
    radial-gradient(
      circle at top left,
      color-mix(in srgb, var(--primary-soft) 46%, transparent),
      transparent 48%
    ),
    color-mix(in srgb, var(--surface) 96%, transparent);
  box-shadow:
    0 28px 80px #1118272e,
    inset 0 1px #ffffff0f;
  animation: vm-modal-rise 0.22s ease both;
}
.vm-cv-create-loading-only {
  min-height: 17rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem;
}
.vm-cv-create-loading-caption {
  margin: 0;
  color: #67748e;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-align: center;
}
.vm-cv-create-backdrop {
  align-items: center;
  place-items: center;
}
.vm-credit-confirm-backdrop {
  z-index: 12000;
  align-items: center;
  place-items: center;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.vm-download-login-backdrop {
  z-index: 12000;
  align-items: center;
  place-items: center;
}
.vm-download-login-modal {
  width: min(29rem, calc(100vw - 2rem));
}
.vm-plans-login-required-modal {
  position: relative;
}
.vm-plans-login-required-close {
  position: absolute;
  top: 0.9rem;
  left: 0.9rem;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #9ca3af;
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-plans-login-required-close:hover,
.vm-plans-login-required-close:focus-visible {
  background: #94a3b81f;
  color: #6b7280;
}
.vm-plans-login-required-close:focus-visible {
  outline: 2px solid rgba(111, 84, 255, 0.35);
  outline-offset: 2px;
}
.vm-plans-login-required-close:active {
  transform: scale(0.96);
}
.vm-download-login-head {
  display: grid;
  justify-items: center;
  align-items: center;
  text-align: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
  gap: 0.45rem;
  width: 100%;
  margin-inline: auto;
  margin-right: 0 !important;
  margin-left: 0 !important;
  justify-self: center;
  max-width: 100%;
  margin-bottom: 0.65rem;
}
.vm-download-login-logo {
  width: 3rem;
  height: 3rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-download-login-head h2 {
  width: 100%;
  margin-inline: auto;
  margin-bottom: 0;
  text-align: center;
}
.vm-download-login-actions {
  justify-items: center;
  align-items: center;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.vm-plans-login-required-actions {
  grid-template-columns: minmax(0, 1fr);
}
.vm-download-login-actions .button-secondary,
.vm-download-login-actions .button-primary {
  width: 100%;
  justify-content: center;
}
.vm-download-login-google-button {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6f54ff;
  color: #fff;
  box-shadow: 0 14px 28px #6f54ff38;
}
.vm-download-login-google-button:hover,
.vm-download-login-google-button:focus-visible {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: #16a34a;
  color: #fff;
  box-shadow: 0 16px 32px #22c55e47;
}
.vm-download-login-google-button .vm-google-mark {
  width: 1rem;
  height: 1rem;
}
.vm-legacy-gift-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.vm-legacy-gift-backdrop.is-present-only {
  background: #f8fafc70;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  pointer-events: auto;
}
.vm-legacy-gift-backdrop.is-revealed {
  background: #f8fafca3;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.vm-legacy-gift-modal {
  width: min(32rem, calc(100vw - 2rem));
  text-align: center;
  animation: vmLegacyGiftModalIn 0.44s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.vm-legacy-gift-head {
  align-items: center;
  text-align: center;
  padding-inline: 0 !important;
  margin-inline: auto !important;
  width: 100%;
  justify-items: center;
}
.vm-legacy-gift-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.85rem;
  background: radial-gradient(circle at 30% 30%, #996fff52, #6f54ff24);
  color: #6f54ff;
  box-shadow: 0 16px 40px #6f54ff2e;
}
.vm-legacy-gift-present {
  position: relative;
  width: 8.75rem;
  height: 8.75rem;
  margin: 0 auto 0.7rem;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.vm-legacy-gift-present-standalone {
  width: clamp(10rem, 34vw, 14rem);
  height: clamp(10rem, 34vw, 14rem);
  animation: vmLegacyGiftPresentIn 0.52s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.vm-legacy-gift-present-standalone.is-opening {
  animation: vmLegacyGiftPresentOpen 0.54s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.vm-legacy-gift-present:disabled {
  cursor: default;
}
.vm-legacy-gift-present-halo {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  border-radius: 999px;
  background: radial-gradient(circle, #996fff4d, #996fff0a 70%);
  filter: blur(2px);
  animation: vmGiftGlowPulse 2.2s ease-in-out infinite;
}
.vm-legacy-gift-present-box,
.vm-legacy-gift-present-lid {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border-radius: 0.65rem;
  background: linear-gradient(145deg, #7f62ff, #6f54ff);
  box-shadow: 0 18px 44px #6f54ff40;
}
.vm-legacy-gift-present-box {
  bottom: 1.1rem;
  width: 5.5rem;
  height: 4.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  overflow: hidden;
  z-index: 2;
}
.vm-legacy-gift-present-standalone .vm-legacy-gift-present-box {
  bottom: 1.7rem;
  width: 7.2rem;
  height: 6.15rem;
  border-radius: 0.85rem;
}
.vm-legacy-gift-present-standalone .vm-legacy-gift-present-lid {
  top: 2.3rem;
  width: 8rem;
  height: 2.35rem;
  border-radius: 0.75rem;
  z-index: 3;
}
.vm-legacy-gift-present-box:before,
.vm-legacy-gift-present-box:after,
.vm-legacy-gift-present-lid:before,
.vm-legacy-gift-present-lid:after {
  content: "";
  position: absolute;
  background: #ffffffeb;
}
.vm-legacy-gift-present-box:before {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.5rem;
  transform: translate(-50%);
}
.vm-legacy-gift-present-box:after {
  left: 0;
  right: 0;
  top: 50%;
  height: 0.5rem;
  transform: translateY(-50%);
}
.vm-legacy-gift-present-lid {
  top: 1.65rem;
  width: 6.25rem;
  height: 1.9rem;
  transform-origin: 18% 78%;
  transition:
    transform 0.42s ease,
    opacity 0.32s ease;
  z-index: 3;
}
.vm-legacy-gift-present-lid:before {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.5rem;
  transform: translate(-50%);
}
.vm-legacy-gift-present.is-open .vm-legacy-gift-present-lid {
  transform: translate(-50%) rotate(-28deg) translate(-0.7rem, -1.15rem);
  opacity: 0.92;
}
.vm-legacy-gift-present-standalone.is-opening .vm-legacy-gift-present-lid {
  transform: translate(-50%) rotate(-32deg) translate(-0.95rem, -1.65rem);
}
.vm-legacy-gift-present-spark {
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 999px;
  background: radial-gradient(circle, #fffffff2, #a581ff66);
  animation: vmGiftSparkFloat 2.6s ease-in-out infinite;
}
.vm-legacy-gift-present-spark-a {
  top: 1.25rem;
  right: 1.1rem;
}
.vm-legacy-gift-present-spark-b {
  bottom: 1.7rem;
  left: 1.05rem;
  animation-delay: 0.45s;
}
.vm-legacy-gift-head h2 {
  margin-top: 0.15rem;
}
.vm-legacy-gift-head p:last-child {
  max-width: 26rem;
  margin-inline: auto;
}
.vm-legacy-gift-head > * {
  margin-left: auto;
  margin-right: auto;
}
.vm-legacy-gift-error {
  margin-top: 0.85rem;
  text-align: center;
}
.vm-legacy-gift-actions {
  justify-content: center;
  margin-top: 1.35rem;
}
.vm-legacy-gift-claim-button {
  min-width: 14rem;
  background: linear-gradient(135deg, #6f54ff, #8f66ff) !important;
  border-color: #6f54ff !important;
  color: #fff !important;
  box-shadow: 0 14px 28px #6f54ff38;
}
.vm-legacy-gift-claim-button:hover,
.vm-legacy-gift-claim-button:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff) !important;
  border-color: #6246f5 !important;
  color: #fff !important;
  box-shadow: 0 16px 32px #6f54ff47;
}
@keyframes vmGiftGlowPulse {
  0%,
  to {
    transform: scale(0.96);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.04);
    opacity: 1;
  }
}
@keyframes vmGiftSparkFloat {
  0%,
  to {
    transform: translateY(0);
    opacity: 0.7;
  }
  50% {
    transform: translateY(-0.45rem);
    opacity: 1;
  }
}
@keyframes vmLegacyGiftPresentIn {
  0% {
    opacity: 0;
    transform: translateY(0.7rem) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vmLegacyGiftPresentOpen {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  55% {
    opacity: 1;
    transform: translateY(-0.7rem) scale(1.08);
  }
  to {
    opacity: 0;
    transform: translateY(-1.8rem) scale(0.78);
  }
}
@keyframes vmLegacyGiftModalIn {
  0% {
    opacity: 0;
    transform: translateY(1rem) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.vm-first-visit-backdrop {
  z-index: 12000;
  align-items: center;
  place-items: center;
}
.vm-first-visit-modal {
  width: min(34rem, calc(100vw - 2rem));
  display: grid;
  gap: 1.4rem;
  padding: 1.7rem;
  border: 0;
  border-radius: 1.7rem;
  background: #fff;
  box-shadow: 0 2rem 5rem color-mix(in srgb, var(--text) 18%, transparent);
  text-align: center;
  animation: vm-modal-rise 0.22s ease both;
}
.vm-first-visit-head {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
}
.vm-first-visit-head .vm-eyebrow {
  color: #6f54ff;
}
.vm-first-visit-head p:not(.vm-eyebrow) {
  max-width: 29rem;
  color: #5c6781;
}
.vm-first-visit-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}
.vm-first-visit-actions .vm-cv-create-option {
  text-align: center;
  justify-items: center;
}
.vm-first-visit-option-icon {
  display: inline-grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  background: #6f54ff;
  color: #fff;
  margin-inline: auto;
}
.vm-first-visit-option-icon svg {
  color: #fff !important;
  stroke: #fff !important;
}
.vm-credit-confirm-modal {
  display: grid;
  justify-items: center;
  gap: 1rem;
  width: min(34rem, calc(100vw - 2rem));
  max-height: min(90dvh, 44rem);
  overflow-y: auto;
  padding: 1.55rem;
  border: 0;
  border-radius: 1.6rem;
  background:
    radial-gradient(
      circle at 50% 0%,
      color-mix(in srgb, var(--primary-soft) 82%, transparent),
      transparent 56%
    ),
    color-mix(in srgb, var(--surface) 98%, white 2%);
  box-shadow: 0 2rem 5rem color-mix(in srgb, var(--text) 22%, transparent);
  text-align: center;
  animation: vm-modal-rise 0.22s ease both;
}
.vm-credit-confirm-modal.is-checkout {
  width: min(31rem, calc(100vw - 2rem));
  justify-items: center;
  gap: 1rem;
  text-align: center;
  position: relative;
}
.vm-credit-confirm-modal.is-checkout .vm-modal-close:hover,
.vm-credit-confirm-modal.is-checkout .vm-modal-close:focus-visible {
  color: #dc2626;
  border-color: color-mix(in srgb, #ef4444 34%, var(--line));
  background: color-mix(in srgb, #ef4444 8%, white);
}
.vm-support-announcement-backdrop {
  background:
    radial-gradient(
      circle at 22% 78%,
      rgba(111, 84, 255, 0.2),
      transparent 15rem
    ),
    radial-gradient(
      circle at 78% 82%,
      rgba(34, 197, 94, 0.22),
      transparent 16rem
    ),
    #0f172a47;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.vm-support-announcement-modal {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 1rem;
  width: min(31rem, calc(100vw - 2rem));
  padding: 1.75rem;
  overflow: hidden;
  border: 1px solid rgba(187, 247, 208, 0.72);
  border-radius: 1.65rem;
  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(255, 255, 255, 0.78),
      transparent 9rem
    ),
    linear-gradient(145deg, #f0fdf4fa, #fffffffa 52%, #f5f3fffa);
  box-shadow:
    0 2rem 5rem #0f172a2e,
    0 0 0 1px #ffffffdb inset;
  text-align: center;
  animation: vm-modal-rise 0.22s ease both;
}
.vm-support-announcement-modal:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(34, 197, 94, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 84, 255, 0.08) 1px, transparent 1px);
  background-size: 2.2rem 2.2rem;
  -webkit-mask-image: radial-gradient(
    circle at center,
    black 0%,
    transparent 72%
  );
  mask-image: radial-gradient(circle at center, black 0%, transparent 72%);
}
.vm-support-announcement-mark,
.vm-support-announcement-copy,
.vm-support-announcement-credit,
.vm-support-announcement-button {
  position: relative;
  z-index: 1;
}
.vm-support-announcement-mark {
  display: grid;
  place-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 999px;
  background: #22c55e1f;
  color: #16a34a;
  box-shadow: 0 1rem 2.2rem #22c55e29;
}
.vm-support-announcement-mark span {
  display: grid;
  place-items: center;
  width: 3.3rem;
  height: 3.3rem;
  border-radius: inherit;
  background: #16a34a;
  color: #fff;
}
.vm-support-announcement-copy {
  display: grid;
  gap: 0.45rem;
}
.vm-support-announcement-copy .vm-eyebrow {
  color: #16a34a;
}
.vm-support-announcement-copy h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2rem, 5vw, 2.65rem);
  line-height: 0.98;
  letter-spacing: 0;
}
.vm-support-announcement-copy p {
  max-width: 24rem;
  margin: 0;
  color: #475569;
  font-size: 0.96rem;
  line-height: 1.55;
}
.vm-support-announcement-credit {
  display: grid;
  justify-items: center;
  gap: 0.18rem;
  min-width: min(100%, 16rem);
  padding: 0.82rem 1rem;
  border: 1px solid rgba(34, 197, 94, 0.18);
  border-radius: 1.1rem;
  background: #f0fdf4d1;
}
.vm-support-announcement-credit span {
  color: #166534;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-support-announcement-credit strong {
  color: #15803d;
  font-size: 2rem;
  line-height: 1;
}
.vm-support-announcement-credit em {
  color: #6f54ff;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 850;
}
.vm-support-announcement-button {
  width: min(100%, 18rem);
  min-height: 3rem;
  border: 0;
  background: linear-gradient(135deg, #16a34a, #22c55e 52%, #6f54ff);
  color: #fff;
  box-shadow: 0 1rem 2rem #22c55e2e;
}
.vm-support-announcement-button:hover,
.vm-support-announcement-button:focus-visible {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow: 0 1.1rem 2.2rem #22c55e3d;
}
.vm-no-credits-modal {
  width: min(100%, 26.4rem);
  padding-inline: 1.05rem;
}
.vm-no-credits-modal .vm-credit-confirm-copy {
  width: 100%;
  justify-items: center;
}
@media (max-width: 640px) {
  .vm-first-visit-modal {
    width: min(100vw - 1.15rem, 32rem);
    padding: 1.3rem;
    gap: 1.05rem;
  }
  .vm-first-visit-actions {
    grid-template-columns: 1fr;
  }
}
.vm-credit-confirm-icon {
  display: grid;
  place-items: center;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 1.35rem;
  color: #fff;
  background: linear-gradient(135deg, #3a66b0, #6b6faf 42%, #f36c21);
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--primary) 20%, transparent);
}
.vm-profile-boost-credit-icon {
  color: #6f54ff;
  background: transparent;
  box-shadow: none;
}
.vm-profile-boost-credit-icon svg {
  width: 2rem;
  height: 2rem;
  stroke: currentColor;
  filter: drop-shadow(0 10px 18px rgba(111, 84, 255, 0.24));
  animation: vm-profile-boost-credit-breathe 2.8s ease-in-out infinite;
}
.vm-credit-confirm-image {
  display: block;
  width: min(8.5rem, 36vw);
  height: auto;
  margin: 0;
  padding: 0;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(111, 84, 255, 0.16));
  animation: vm-download-unlock-pop 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-credit-confirm-credit-image {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(95, 76, 227, 0.18));
  animation: vm-download-unlock-pop 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-credit-confirm-actions .button-primary {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6a4df5;
  color: #fff;
  box-shadow: 0 12px 24px #6f54ff3d;
}
.vm-credit-confirm-actions .button-primary:hover,
.vm-credit-confirm-actions .button-primary:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff);
  border-color: #6246f5;
  color: #fff;
  box-shadow: 0 16px 28px #6f54ff4d;
}
.vm-credit-confirm-copy {
  display: grid;
  gap: 0.45rem;
}
.vm-credit-confirm-modal.is-checkout .vm-credit-confirm-copy {
  justify-items: center;
  text-align: center;
}
.vm-credit-confirm-copy h2,
.vm-credit-confirm-copy p {
  margin: 0;
}
.vm-credit-confirm-copy h2 {
  color: var(--text);
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}
.vm-credit-confirm-title-accent {
  display: inline-block;
  color: #6f54ff;
  text-shadow: none;
  filter: none;
  font-size: 0.9em;
  line-height: 1;
  vertical-align: 0.04em;
}
.vm-credit-confirm-copy p {
  color: var(--muted);
  line-height: 1.55;
}
.vm-job-cv-source-modal {
  width: min(38rem, calc(100vw - 2rem));
}
.vm-job-cv-source-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  width: 100%;
}
.vm-job-cv-source-options > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.65rem;
  min-height: 5.25rem;
  padding: 0.85rem;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--surface) 94%, var(--primary-soft));
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.16s ease,
    background-color 0.16s ease,
    color 0.16s ease;
}
.vm-job-cv-source-options > button:hover:not(:disabled),
.vm-job-cv-source-options > button:focus-visible,
.vm-job-cv-source-options > button.is-selected {
  border-color: color-mix(in srgb, var(--primary) 58%, var(--line));
  background: color-mix(in srgb, var(--primary-soft) 68%, var(--surface));
  color: var(--primary-dark);
}
.vm-job-cv-source-options > button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.vm-job-cv-source-options > button span {
  display: grid;
  gap: 0.2rem;
}
.vm-job-cv-source-options > button strong,
.vm-job-cv-source-options > button small {
  line-height: 1.3;
}
.vm-job-cv-source-options > button small {
  color: var(--muted);
}
.vm-job-cv-source-select {
  display: grid;
  gap: 0.4rem;
  width: 100%;
  text-align: left;
  max-height: 0;
  margin-top: -0.2rem;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-0.35rem);
  pointer-events: none;
  transition:
    max-height 0.26s cubic-bezier(0.22, 1, 0.36, 1),
    margin-top 0.22s ease,
    opacity 0.18s ease,
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-job-cv-source-select.is-visible {
  max-height: 5rem;
  margin-top: 0;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.vm-job-cv-source-select > span {
  color: var(--text-soft);
  font-size: 0.78rem;
  font-weight: 750;
}
.vm-job-cv-source-select select {
  width: 100%;
  min-height: 3rem;
  padding: 0 0.85rem;
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 0.75rem;
  background: color-mix(in srgb, var(--surface) 92%, var(--page));
  color: var(--text);
}
.vm-job-cv-credit-note {
  display: grid;
  align-items: center;
  justify-items: center;
  gap: 0.25rem;
  width: 100%;
  color: var(--muted);
  font-size: 0.82rem;
  text-align: center;
}
.vm-job-cv-credit-note strong {
  color: var(--text);
  white-space: nowrap;
}
@media (max-width: 640px) {
  .vm-job-cv-source-options {
    grid-template-columns: minmax(0, 1fr);
  }
  .vm-job-cv-source-options > button {
    min-height: 4.5rem;
  }
  .vm-job-cv-credit-note {
    gap: 0.25rem;
  }
}
.vm-no-credits-offers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0.78rem;
  width: 100%;
  max-width: 23.2rem;
  margin: 0.35rem auto 0;
}
.vm-no-credits-offer {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: 1.7rem 1.4rem 2.7rem minmax(2.8rem, 1fr);
  align-content: start;
  gap: 0.18rem;
  min-height: 10.25rem;
  padding: 0.78rem 0.92rem 0.92rem;
  border: 1px solid color-mix(in srgb, var(--line) 74%, var(--primary));
  border-radius: 1.1rem;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, #ffffff 96%, var(--primary)),
      #fff 72%
    ),
    var(--surface);
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.vm-no-credits-offer :is(strong, em, span, small) {
  font-weight: 400 !important;
}
.vm-no-credits-offer span,
.vm-no-credits-offer small {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 400;
}
.vm-no-credits-offer strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.08;
  font-weight: 400;
}
.vm-no-credits-offer-spacer {
  display: block;
  width: 2.1rem;
  height: 0.24rem;
  min-height: 0;
  margin-top: 0.56rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--primary) 18%, transparent);
}
.vm-no-credits-offer-title,
.vm-no-credits-offer-price {
  align-self: end;
}
.vm-no-credits-offer em {
  color: var(--primary-dark);
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.96;
}
.vm-no-credits-offer.is-promo {
  border: 1px solid transparent;
  padding: 0.5rem 0.78rem 0.92rem;
  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(255, 255, 255, 0.34),
      transparent 26%
    ),
    linear-gradient(142deg, #6f54ff, #b558c8 44%, #ff5a18);
  color: #fff;
  box-shadow: 0 0.85rem 1.45rem #6f54ff2e;
}
.vm-no-credits-promo-ribbon {
  position: static;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.7rem;
  margin: 0;
  padding: 0.36rem 0.38rem;
  border-radius: 0.72rem;
  background: #e1252f;
  color: #fff;
}
.vm-no-credits-promo-ribbon strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  color: inherit;
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.vm-no-credits-promo-ribbon em {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.04rem;
  color: #fff;
  font-size: inherit;
  font-style: normal;
  line-height: 1;
}
.vm-no-credits-promo-ribbon small {
  color: #ffffffc7;
  font-size: 0.52rem;
  font-weight: 400;
  line-height: 1;
}
.vm-no-credits-offer.is-promo span,
.vm-no-credits-offer.is-promo strong,
.vm-no-credits-offer.is-promo small {
  color: #fff;
}
.vm-no-credits-offer.is-promo em {
  color: #34f078;
}
.vm-no-credits-offer.is-promo .vm-no-credits-promo-ribbon em {
  color: #fff;
}
.vm-no-credits-promo-counter {
  display: grid !important;
  gap: 0.24rem;
  align-self: stretch;
  align-content: start;
  margin-top: 0;
  color: #fff;
}
.vm-no-credits-promo-counter span {
  color: #ffffffc7 !important;
  font-size: 0.72rem;
  font-weight: 400;
  line-height: 1;
}
.vm-no-credits-promo-counter strong {
  color: #fff !important;
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.12;
}
.vm-no-credits-promo-counter i {
  position: relative;
  display: block;
  width: 100%;
  height: 0.3rem;
  overflow: hidden;
  border-radius: 999px;
  background: #ffffff38;
}
.vm-no-credits-promo-counter i:after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--vm-promo-progress, 0%);
  border-radius: inherit;
  background: #22c55e;
}
.vm-no-credits-promo-counter.is-sold-out i:after {
  background: #ffffff73;
}
.vm-no-credits-offer:hover,
.vm-no-credits-offer:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, #ffffff 91%, var(--primary)),
      #fff 72%
    ),
    var(--surface);
  box-shadow: 0 0.85rem 1.45rem #5348961a;
  outline: none;
}
.vm-no-credits-offer.is-promo:hover,
.vm-no-credits-offer.is-promo:focus-visible {
  border-color: transparent;
  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(255, 255, 255, 0.34),
      transparent 26%
    ),
    linear-gradient(142deg, #6f54ff, #b558c8 44%, #ff5a18);
  box-shadow: 0 0.9rem 1.8rem #6f54ff33;
}
.vm-inline-credit-price {
  color: #6f54ff !important;
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
}
.vm-credit-confirm-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 0.55rem;
}
.vm-credit-confirm-feature {
  display: grid;
  justify-items: center;
  gap: 0.24rem;
  padding: 0.95rem 0.9rem;
  border-radius: 1.15rem;
  background: #f8fafcdb;
  box-shadow: inset 0 0 0 1px #e2e8f0d1;
  text-align: center;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.18s ease,
    box-shadow 0.22s ease,
    border-color 0.18s ease;
}
.vm-credit-confirm-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  color: #6f54ff;
  background: #6f54ff14;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.18s ease,
    color 0.18s ease;
}
.vm-credit-confirm-feature:hover,
.vm-credit-confirm-feature:focus-within {
  transform: translateY(-3px);
  background: #fffffff5;
  box-shadow:
    0 14px 26px #0f172a14,
    inset 0 0 0 1px #6f54ff29;
}
.vm-credit-confirm-feature:hover .vm-credit-confirm-feature-icon,
.vm-credit-confirm-feature:focus-within .vm-credit-confirm-feature-icon {
  transform: scale(1.06);
  background: #6f54ff24;
  color: #5f42ff;
}
.vm-credit-confirm-feature strong {
  color: #111827;
  font-size: 0.92rem;
  line-height: 1.15;
}
.vm-credit-confirm-feature small {
  color: #64748b;
  font-size: 0.76rem;
  line-height: 1.45;
}
.vm-credit-confirm-copy > span {
  margin-top: 0.45rem;
  color: var(--text-soft);
  font-size: 0.9rem;
  font-weight: 750;
}
.vm-credit-confirm-copy > span strong {
  color: var(--primary-dark);
}
.vm-credit-confirm-actions {
  display: grid;
  grid-template-columns: auto minmax(12rem, 1fr);
  gap: 0.75rem;
  width: min(100%, 27.75rem);
  margin-inline: auto;
  justify-content: center;
}
.vm-credit-confirm-actions.is-single {
  grid-template-columns: minmax(0, 1fr);
}
.vm-inline-credit-checkout {
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}
.vm-inline-credit-checkout-simple {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
}
.vm-inline-credit-checkout .vm-plans-checkout-summary,
.vm-inline-credit-checkout .vm-plans-checkout-panel {
  min-height: 0;
}
.vm-inline-credit-checkout-simple .vm-plans-checkout-panel {
  display: grid;
  justify-items: center;
  width: 100%;
}
.vm-plans-pix-stage.vm-plans-pix-stage-simple {
  gap: 0.85rem;
  width: min(100%, 20rem);
}
.vm-plans-pix-copy-button.is-inline-only {
  width: min(100%, 16rem);
  min-height: 2.7rem;
  border: 0;
  box-shadow: none;
}
.vm-inline-credit-checkout-simple .vm-plans-regenerate-button {
  width: min(100%, 16rem);
  border: 0;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6 45%, #ff5a18);
  color: #fff;
  box-shadow: 0 0.9rem 1.8rem #6f54ff2e;
}
.vm-inline-credit-checkout-simple
  .vm-plans-regenerate-button:hover:not(:disabled),
.vm-inline-credit-checkout-simple .vm-plans-regenerate-button:focus-visible {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow: 0 1rem 2rem #22c55e38;
}
.vm-inline-credit-timer {
  display: grid;
  justify-items: center;
  gap: 0.2rem;
  margin-top: 0.15rem;
}
.vm-inline-credit-timer span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-inline-credit-timer strong {
  color: var(--primary-dark);
  font-size: 1.1rem;
  line-height: 1;
}
.vm-inline-credit-timer.is-expired span,
.vm-inline-credit-timer.is-expired strong {
  color: var(--danger);
}
.vm-inline-credit-expired {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  width: min(100%, 16rem);
  padding: 1.15rem 1rem;
  border: 1px solid rgba(239, 68, 68, 0.14);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 50% 0%, rgba(239, 68, 68, 0.08), transparent 70%),
    #fff7f7;
  color: #991b1b;
  text-align: center;
  animation: vm-inline-expired-in 0.24s ease-out;
}
.vm-inline-credit-expired-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 999px;
  background: #fee2e2;
  color: #dc2626;
}
.vm-inline-credit-expired strong {
  color: #7f1d1d;
  font-size: 1rem;
  line-height: 1.1;
}
.vm-inline-credit-expired p {
  margin: 0;
  color: #b45353;
  font-size: 0.84rem;
  line-height: 1.45;
}
@keyframes vm-inline-expired-in {
  0% {
    transform: translateY(4px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.vm-credit-confirm-modal.is-success {
  overflow: hidden;
  border: 1px solid rgba(187, 247, 208, 0.78);
  background:
    radial-gradient(
      circle at 50% -12%,
      rgba(255, 255, 255, 0.34),
      transparent 12rem
    ),
    radial-gradient(
      circle at 16% 92%,
      rgba(134, 239, 172, 0.34),
      transparent 11rem
    ),
    linear-gradient(145deg, #16a34a, #22c55e 52%, #15803d);
  box-shadow:
    0 2rem 5rem #16a34a52,
    0 0 0 1px #ffffff3d inset;
  animation: vm-success-modal-in 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-credit-confirm-modal.is-success:before,
.vm-credit-confirm-modal.is-success:after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.vm-credit-confirm-modal.is-success:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 2.4rem 2.4rem;
  -webkit-mask-image: radial-gradient(
    circle at center,
    black 0%,
    transparent 72%
  );
  mask-image: radial-gradient(circle at center, black 0%, transparent 72%);
  opacity: 0.45;
}
.vm-credit-confirm-modal.is-success:after {
  inset: auto -12% -34% -12%;
  height: 56%;
  border-radius: 50%;
  background: #ffffff1f;
  filter: blur(1px);
}
.vm-inline-credit-success {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 1.05rem;
  width: min(100%, 22rem);
  margin-inline: auto;
  padding: 0.65rem 0 0.2rem;
  text-align: center;
  color: #fff;
  animation: vm-success-content-in 0.62s 90ms cubic-bezier(0.22, 1, 0.36, 1)
    both;
}
.vm-inline-credit-success-burst {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.vm-inline-credit-success-burst span {
  position: absolute;
  left: 50%;
  top: 2.5rem;
  width: 0.48rem;
  height: 1.25rem;
  border-radius: 999px;
  background: #ffffffdb;
  transform-origin: 50% 4.4rem;
  animation: vm-success-burst 0.84s 0.12s ease-out both;
}
.vm-inline-credit-success-burst span:nth-child(1) {
  transform: rotate(0) translateY(-3.2rem);
}
.vm-inline-credit-success-burst span:nth-child(2) {
  transform: rotate(58deg) translateY(-3.2rem);
  background: #dcfce7e6;
}
.vm-inline-credit-success-burst span:nth-child(3) {
  transform: rotate(116deg) translateY(-3.2rem);
}
.vm-inline-credit-success-burst span:nth-child(4) {
  transform: rotate(180deg) translateY(-3.2rem);
  background: #bbf7d0e0;
}
.vm-inline-credit-success-burst span:nth-child(5) {
  transform: rotate(238deg) translateY(-3.2rem);
}
.vm-inline-credit-success-burst span:nth-child(6) {
  transform: rotate(302deg) translateY(-3.2rem);
  background: #dcfce7e6;
}
.vm-inline-credit-success-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 999px;
  color: #16a34a;
  background: #fff;
  box-shadow:
    0 1.1rem 2.5rem #15803d3d,
    0 0 0 0.65rem #ffffff29;
  animation: vm-success-check-pop 0.72s 0.12s cubic-bezier(0.2, 1.4, 0.32, 1)
    both;
}
.vm-inline-credit-success-icon:after {
  content: "";
  position: absolute;
  top: -0.55rem;
  right: -0.55rem;
  bottom: -0.55rem;
  left: -0.55rem;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.36);
  animation: vm-success-pulse 1.8s ease-out infinite;
}
.vm-inline-credit-success-copy {
  display: grid;
  gap: 0.35rem;
}
.vm-inline-credit-success-copy .vm-eyebrow {
  color: #ffffffd1;
}
.vm-inline-credit-success-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.35rem, 6vw, 3.15rem);
  line-height: 0.98;
  letter-spacing: 0;
  text-shadow: 0 0.6rem 1.4rem rgba(21, 128, 61, 0.18);
}
.vm-inline-credit-success-copy p {
  margin: 0;
  color: #ffffffe0;
  font-size: 0.95rem;
  line-height: 1.5;
}
.vm-inline-credit-success-balance {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.5rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: #ffffff29;
  color: #ffffffe6;
  font-size: 0.86rem;
  box-shadow: 0 0.8rem 1.6rem #15803d29;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.vm-inline-credit-success-balance strong {
  display: inline-grid;
  place-items: center;
  min-width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: #fff;
  color: #16a34a;
  font-size: 0.95rem;
}
.vm-inline-credit-success-button {
  width: min(100%, 17rem);
  min-height: 3rem;
  border: 0;
  background: #fff;
  color: #15803d;
  box-shadow:
    0 1rem 2rem #15803d38,
    0 0 0 1px #ffffff57 inset;
}
.vm-inline-credit-success-button:hover,
.vm-inline-credit-success-button:focus-visible {
  background: #f0fdf4;
  color: #166534;
  box-shadow:
    0 1.1rem 2.3rem #15803d42,
    0 0 0 1px #ffffff70 inset;
}
@keyframes vm-success-pulse {
  0% {
    transform: scale(0.92);
    opacity: 0.7;
  }
  to {
    transform: scale(1.18);
    opacity: 0;
  }
}
@keyframes vm-success-modal-in {
  0% {
    transform: translateY(12px) scale(0.96);
    filter: saturate(0.8);
  }
  to {
    transform: translateY(0) scale(1);
    filter: saturate(1);
  }
}
@keyframes vm-success-content-in {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes vm-success-check-pop {
  0% {
    transform: scale(0.3) rotate(-18deg);
    opacity: 0;
  }
  62% {
    transform: scale(1.12) rotate(5deg);
    opacity: 1;
  }
  to {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes vm-success-burst {
  0% {
    opacity: 0;
    scale: 0.2;
  }
  35% {
    opacity: 1;
  }
  to {
    opacity: 0;
    scale: 1;
  }
}
.vm-credit-cancel-modal {
  width: min(28rem, calc(100vw - 2rem));
  justify-items: center;
}
.vm-credit-cancel-head {
  width: 100%;
  justify-items: center;
  text-align: center;
  padding: 0;
}
.vm-cv-create-modal-head.vm-credit-cancel-head {
  padding: 0;
}
.vm-credit-cancel-head h2 {
  max-width: 23rem;
  margin-inline: auto;
  padding-inline: 0;
}
.vm-cv-create-modal-head.vm-credit-cancel-head p {
  max-width: 24rem;
  margin-inline: auto;
  margin-bottom: 1.25rem;
  font-size: 0.88rem;
  line-height: 1.45;
  text-align: center;
  text-wrap: balance;
}
.vm-credit-cancel-actions {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  width: 100%;
  margin-top: 0;
}
.vm-credit-cancel-actions .button-primary.is-danger {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  border-color: #dc2626;
  color: #fff;
  box-shadow: 0 12px 24px #dc262638;
}
.vm-credit-cancel-actions .button-primary.is-danger:hover,
.vm-credit-cancel-actions .button-primary.is-danger:focus-visible {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  border-color: #b91c1c;
}
.vm-download-unlock-info-modal {
  width: min(38rem, calc(100vw - 2rem));
  padding: 2rem;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 1.75rem;
  background:
    radial-gradient(
      circle at top center,
      rgba(139, 92, 246, 0.08),
      transparent 38%
    ),
    linear-gradient(180deg, #fffffffa, #f9fafffa);
  box-shadow:
    0 2.2rem 5rem #0f172a2e,
    0 0 0 1px #ffffffe0 inset;
}
.vm-download-unlock-backdrop {
  background: #0f172a5c;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.vm-download-unlock-modal-hero {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0.08rem;
  line-height: 0;
  text-align: center;
}
.vm-download-unlock-modal-image {
  display: block;
  width: min(14rem, 56vw);
  height: auto;
  margin-bottom: -0.9rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(111, 84, 255, 0.14));
  animation: vm-download-unlock-pop 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-download-unlock-modal-copy {
  display: grid;
  gap: 0.38rem;
  max-width: 27rem;
  line-height: normal;
}
.vm-download-unlock-modal-badge {
  margin: 0;
  color: #475569;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.vm-download-unlock-modal-copy h2 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}
.vm-download-unlock-modal-copy p {
  margin: 0;
  color: #64748b;
  font-size: 1rem;
  line-height: 1.6;
}
.vm-download-unlock-modal-body {
  margin-top: 0;
  padding: 1.05rem 1.15rem;
  border-radius: 1.2rem;
  background: #f8fafce0;
  box-shadow: none;
}
.vm-download-unlock-modal-body p {
  margin: 0;
  color: #475569;
  font-size: 0.97rem;
  line-height: 1.7;
  text-align: center;
}
.vm-download-relock-actions {
  margin-top: 1rem;
  gap: 0.85rem;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: stretch;
}
.vm-download-relock-actions .button-secondary,
.vm-download-relock-actions .button-primary {
  width: 100%;
}
.vm-download-relock-actions .button-primary {
  background: linear-gradient(135deg, #6f54ff, #8f66ff);
  border-color: #6a4df5;
  color: #fff;
  box-shadow: 0 12px 24px #6f54ff38;
}
.vm-download-relock-actions .button-primary:hover,
.vm-download-relock-actions .button-primary:focus-visible {
  background: linear-gradient(135deg, #6246f5, #845cff);
  border-color: #6246f5;
  color: #fff;
  box-shadow: 0 16px 28px #6f54ff47;
}
@keyframes vm-download-unlock-glow {
  0%,
  to {
    opacity: 0.72;
    transform: scale(0.96);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}
@keyframes vm-download-unlock-pop {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.vm-cv-create-modal-stage {
  display: grid;
  gap: 1rem;
  animation: vm-cv-modal-stage-in 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-create-modal-head {
  display: grid;
  gap: 0.55rem;
  padding-right: 2.8rem;
}
.vm-cv-create-modal-head h2 {
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.02;
}
.vm-cv-create-modal-head p {
  margin: 0;
  color: var(--text-muted);
}
.vm-hidden-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}
.vm-cv-create-modal-actions {
  display: grid;
  gap: 0.8rem;
  margin-top: 1rem;
}
.vm-cv-create-modal-actions.is-inline {
  margin-top: 0;
}
.vm-cv-create-option {
  border: 1px solid color-mix(in srgb, var(--primary) 10%, var(--line));
  border-radius: 1.15rem;
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  padding: 1rem 1.05rem;
  display: grid;
  gap: 0.28rem;
  text-align: left;
  cursor: pointer;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background-color 0.16s ease;
}
.vm-cv-create-option:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--primary) 18%, var(--line));
  background: color-mix(in srgb, var(--surface) 74%, var(--primary-soft) 26%);
}
.vm-cv-create-option.is-secondary {
  background: transparent;
}
.vm-cv-create-modal-actions.is-inline.vm-editor-exit-actions {
  margin-top: 1.8rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.vm-editor-exit-option {
  min-height: 4.3rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.45rem;
  text-align: center;
}
.vm-editor-exit-option strong {
  margin: 0;
}
.vm-editor-exit-option.is-secondary:hover {
  border-color: color-mix(in srgb, #ef4444 48%, var(--line));
  color: #dc2626;
}
.vm-editor-exit-option.is-secondary:hover svg,
.vm-editor-exit-option.is-secondary:hover strong {
  color: #dc2626;
}
.vm-editor-exit-option:not(.is-secondary):hover {
  border-color: color-mix(in srgb, #7c3aed 44%, var(--line));
  color: #7c3aed;
}
.vm-editor-exit-option:not(.is-secondary):hover svg,
.vm-editor-exit-option:not(.is-secondary):hover strong {
  color: #7c3aed;
}
.vm-editor-exit-modal .vm-cv-create-modal-head {
  gap: 0.18rem;
  justify-items: center;
  text-align: center;
  padding-right: 0;
}
.vm-editor-exit-modal .vm-cv-create-modal-head p {
  max-width: 24rem;
}
.vm-editor-exit-hero {
  display: block;
  width: min(13rem, 42vw);
  height: auto;
  margin: 0 auto -0.06rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-cv-modal-dropzone {
  min-height: 17rem;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.22s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
  animation: vm-cv-modal-stage-in 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-cv-create-error {
  margin: -0.1rem 0 0;
}
.vm-cv-create-option strong {
  font-size: 1rem;
  color: var(--text);
}
.vm-cv-create-option span {
  font-size: 0.88rem;
  color: var(--text-muted);
}
[data-theme="dark"] .vm-cv-create-modal {
  background:
    radial-gradient(
      circle at top left,
      color-mix(in srgb, var(--primary-soft) 28%, transparent),
      transparent 48%
    ),
    color-mix(in srgb, #0f172a 92%, transparent);
  box-shadow:
    0 28px 80px #00000052,
    inset 0 1px #ffffff0a;
}
[data-theme="dark"] .vm-cv-create-option {
  background: color-mix(in srgb, #111827 78%, transparent);
}
[data-theme="dark"] .vm-cv-create-option:hover {
  background: color-mix(in srgb, #111827 68%, var(--primary-soft) 32%);
}
[data-theme="dark"] .vm-cv-manager {
  background:
    radial-gradient(
      circle at top right,
      rgba(90, 139, 214, 0.12),
      transparent 28%
    ),
    linear-gradient(180deg, #0a101cfa, #0a0e18f5);
}
[data-theme="dark"] .vm-dashboard-skeleton-page {
  background:
    linear-gradient(rgba(209, 213, 219, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(209, 213, 219, 0.045) 1px, transparent 1px),
    #0a101c;
}
[data-theme="dark"] .vm-dashboard-skeleton-sidebar,
[data-theme="dark"] .vm-dashboard-skeleton-topbar {
  background: #0a101ce0;
  border-color: #d1d5db14;
}
[data-theme="dark"] .vm-dashboard-skeleton-brand {
  border-bottom-color: #d1d5db14;
}
[data-theme="dark"] .vm-dashboard-skeleton-logo,
[data-theme="dark"] .vm-dashboard-skeleton-line,
[data-theme="dark"] .vm-dashboard-skeleton-nav,
[data-theme="dark"] .vm-dashboard-skeleton-upgrade,
[data-theme="dark"] .vm-dashboard-skeleton-pill,
[data-theme="dark"] .vm-dashboard-skeleton-avatar,
[data-theme="dark"] .vm-dashboard-skeleton-field,
[data-theme="dark"] .vm-dashboard-skeleton-stats span,
[data-theme="dark"] .vm-dashboard-skeleton-grid span,
[data-theme="dark"] .vm-dashboard-skeleton-page-preview {
  background: linear-gradient(90deg, #1f2937eb, #4b55636b, #1f2937eb);
  background-size: 220% 100%;
}
[data-theme="dark"] .vm-topbar.is-cv-hub {
  border-bottom-color: #d1d5db14;
  background: #0a101ceb;
  box-shadow: 0 8px 24px #0000002e;
}
[data-theme="dark"] .vm-cv-manager-sidebar {
  background:
    radial-gradient(
      circle at 12% 4%,
      rgba(111, 84, 255, 0.18),
      transparent 11rem
    ),
    radial-gradient(
      circle at 100% 56%,
      rgba(79, 140, 255, 0.12),
      transparent 10rem
    ),
    #0a101cd6;
  border-right-color: #d1d5db14;
}
[data-theme="dark"] .vm-cv-manager-sidebar:before {
  display: none;
}
[data-theme="dark"] .vm-cv-manager-brand-copy strong,
[data-theme="dark"] .vm-cv-manager-hero h1,
[data-theme="dark"] .vm-cv-manager-section-head h2,
[data-theme="dark"] .vm-cv-resume-body h3,
[data-theme="dark"] .vm-cv-score-ring span,
[data-theme="dark"] .vm-cv-panel-head h3,
[data-theme="dark"] .vm-cv-tip-item p,
[data-theme="dark"] .vm-cv-stat-copy strong,
[data-theme="dark"] .vm-cv-analysis-copy span,
[data-theme="dark"] .vm-cv-resume-actions button {
  color: #f9fafb;
}
[data-theme="dark"] .vm-cv-resume-more-menu {
  background: #0f172af5;
  box-shadow:
    0 18px 36px #00000047,
    inset 0 0 0 1px #d1d5db14;
}
[data-theme="dark"] .vm-cv-resume-more-menu button {
  color: #f9fafb;
}
[data-theme="dark"] .vm-cv-resume-more-menu button.is-danger {
  color: #f87171;
}
[data-theme="dark"] .vm-cv-resume-more-menu button.is-danger:hover {
  background: #f871711f;
}
[data-theme="dark"] .vm-cv-manager-hero p,
[data-theme="dark"] .vm-cv-manager-brand-copy span,
[data-theme="dark"] .vm-cv-stat-copy span,
[data-theme="dark"] .vm-cv-stat-copy small,
[data-theme="dark"] .vm-cv-resume-body p,
[data-theme="dark"] .vm-cv-score-copy small,
[data-theme="dark"] .vm-cv-analysis-copy strong,
[data-theme="dark"] .vm-cv-panel-head p,
[data-theme="dark"] .vm-cv-create-hint,
[data-theme="dark"] .vm-cv-manager-upgrade p {
  color: #9ca3af;
}
[data-theme="dark"] .vm-cv-stat-card,
[data-theme="dark"] .vm-cv-resume-card,
[data-theme="dark"] .vm-cv-panel-card {
  background: transparent;
  box-shadow: 0 16px 38px #0003;
}
[data-theme="dark"] .vm-cv-create-card {
  background: transparent;
  box-shadow: none;
}
[data-theme="dark"] .vm-cv-create-card:hover,
[data-theme="dark"] .vm-cv-create-card:focus-visible {
  background: color-mix(in srgb, #8b7bff 12%, transparent);
}
[data-theme="dark"] .vm-cv-tip-item {
  background: #111827d1;
  box-shadow: inset 0 0 0 1px #d1d5db14;
}
[data-theme="dark"] .vm-cv-manager-nav-item {
  color: #ffffffdb;
}
[data-theme="dark"] .vm-cv-manager-nav-item svg,
[data-theme="dark"] .vm-cv-resume-more {
  color: #9ca3af;
}
[data-theme="dark"] .vm-cv-manager-nav-item:hover svg,
[data-theme="dark"] .vm-cv-manager-nav-item.is-active svg {
  color: #fff;
}
[data-theme="dark"] .vm-cv-resume-actions {
  border-top-color: #d1d5db1a;
}
[data-theme="dark"] .vm-cv-score-ring {
  background:
    radial-gradient(
      circle at center,
      rgba(15, 23, 42, 0.98) 58%,
      transparent 59%
    ),
    conic-gradient(
      var(--vm-ring-color) var(--vm-score),
      rgba(55, 65, 81, 0.82) 0
    );
}
@keyframes vm-cv-modal-stage-in {
  0% {
    opacity: 0;
    transform: translateY(0.5rem) scale(0.985);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@media (max-width: 900px) {
  .vm-dashboard-skeleton-page,
  .vm-dashboard-skeleton-page.is-editor {
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .vm-dashboard-skeleton-sidebar {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(209, 213, 219, 0.78);
  }
  .vm-dashboard-skeleton-upgrade {
    display: none;
  }
  .vm-dashboard-skeleton-main {
    min-height: auto;
  }
  .vm-dashboard-skeleton-hub,
  .vm-dashboard-skeleton-editor {
    padding: 1.2rem;
  }
  .vm-dashboard-skeleton-editor,
  .vm-dashboard-skeleton-stats,
  .vm-dashboard-skeleton-grid {
    grid-template-columns: 1fr;
  }
  .vm-topbar-brand-spacer {
    display: none;
  }
  .vm-cv-manager {
    height: auto;
    min-height: auto;
    overflow: visible;
  }
  .vm-cv-manager-sidebar {
    grid-template-rows: auto auto auto;
    position: static;
    left: auto;
    width: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(229, 231, 235, 0.92);
    min-height: auto;
    height: auto;
  }
  .vm-cv-manager-sidebar:before {
    display: none;
  }
  .vm-cv-manager-nav {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding-bottom: 0.2rem;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-sidebar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 24;
    width: 100%;
    display: grid;
    gap: 0.5rem;
    padding: 0.45rem 0.7rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
    min-height: auto;
    height: auto;
    border-right: 0;
    border-bottom: 0;
    background:
      radial-gradient(
        circle at 12% 0%,
        rgba(111, 84, 255, 0.13),
        transparent 9rem
      ),
      radial-gradient(
        circle at 86% 100%,
        rgba(79, 140, 255, 0.09),
        transparent 8rem
      ),
      #fffffff0;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-top: 1px solid rgba(229, 231, 235, 0.92);
    box-shadow: 0 -14px 32px #4f38c914;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager) .vm-cv-manager-nav {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(5.95rem, 1fr);
    display: flex;
    flex-direction: row;
    gap: 0.45rem;
    width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0.15rem 0.15rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav::-webkit-scrollbar {
    display: none;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav-item {
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    min-height: 3.55rem;
    min-width: 5.95rem;
    padding: 0.52rem 0.4rem;
    border: 1px solid rgba(209, 213, 219, 0.86);
    border-radius: 1.2rem;
    background: #ffffffb8;
    color: #111827;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    scroll-snap-align: center;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav-item
    svg {
    color: #6b7280;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav-item
    span {
    font-size: 0.72rem;
    line-height: 1.1;
    text-align: center;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav-item.is-active {
    border-color: #6f54ff47;
    background: linear-gradient(180deg, #6e56ff21, #6e56ff12);
    color: #5f4ce3;
    box-shadow: 0 18px 36px #5a8bd61f;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-nav-item.is-active
    svg {
    color: #5f4ce3;
  }
  .vm-cv-manager-content {
    margin-left: 0;
    margin-top: 0;
    padding: 1rem;
    height: auto;
    overflow: visible;
  }
  .vm-cv-manager-hero,
  .vm-cv-manager-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .vm-cv-manager-primary {
    width: 100%;
  }
  .vm-cv-manager-stats,
  .vm-cv-manager-grid,
  .vm-cv-manager-lower,
  .vm-cv-progress-panel {
    grid-template-columns: 1fr;
  }
  .vm-cv-manager-editor-sidebar {
    position: static;
    width: auto;
    min-height: auto;
    height: auto;
    overflow: visible;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-content {
    gap: 1rem;
    padding: 0.2rem 1rem calc(4.95rem + env(safe-area-inset-bottom, 0px));
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-hero-banner {
    width: calc(100% + 2rem);
    margin: -0.2rem -1rem 0;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-weekly-ribbon {
    width: calc(100% + 2rem);
    margin: -1rem -1rem 0;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-hero-next,
  .vm-cv-manager.is-mobile-layout .vm-cv-home-operator-title-desktop {
    display: none;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-operator-title-mobile {
    display: block;
    width: 100%;
    max-width: none;
    text-align: center;
    animation: vm-home-mobile-copy-change 0.26s ease both;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-operator-copy {
    justify-items: stretch;
    text-align: center;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-operator-copy p {
    display: none;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-home-slide-action {
    display: inline-flex;
    animation: vm-home-mobile-copy-change 0.26s ease both;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-content {
    margin-left: 0;
    padding-bottom: calc(6.9rem + env(safe-area-inset-bottom, 0px));
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-content.is-interview-active {
    height: calc(100dvh - 9.55rem - env(safe-area-inset-bottom, 0px));
    min-height: 0;
    padding: 0 0.85rem 0.18rem;
    overflow: hidden;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    > .vm-interview-sim-shell,
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-card,
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-chat {
    min-height: 0;
    height: 100%;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-card,
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-chat {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-thread {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
    max-height: 100%;
    align-content: initial;
    padding-bottom: 0.6rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-content.is-interview-finished {
    height: calc(100dvh - 8.15rem - env(safe-area-inset-bottom, 0px));
    min-height: 0;
    padding: 0.65rem 0.85rem 0.18rem;
    overflow: hidden;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-finished
    > .vm-interview-sim-shell,
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-finished
    .vm-interview-sim-card {
    min-height: 0;
    height: 100%;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-finished
    .vm-interview-sim-feedback {
    min-height: 0;
    max-height: 100%;
    padding-bottom: 0.75rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .vm-cv-manager.is-mobile-layout .vm-settings-manager-content {
    padding: 0;
    padding-bottom: calc(8.25rem + env(safe-area-inset-bottom, 0px));
  }
  .vm-cv-manager.is-mobile-layout .vm-settings-manager-hero,
  .vm-cv-manager.is-mobile-layout
    .vm-settings-manager-content
    > .vm-settings-toolbar-status,
  .vm-cv-manager.is-mobile-layout
    .vm-settings-manager-content
    > .vm-settings-main-sections,
  .vm-cv-manager.is-mobile-layout
    .vm-settings-manager-content
    > .vm-settings-account-grid,
  .vm-cv-manager.is-mobile-layout
    .vm-settings-manager-content
    > .vm-cv-manager-footer {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-settings-manager-hero {
    padding: 0.85rem 0 0;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-settings-manager-content
    > .vm-cv-manager-footer {
    padding-bottom: 2.2rem;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager .vm-cv-manager-sidebar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 24;
    width: 100%;
    padding: 0.65rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
    background:
      radial-gradient(
        circle at 12% 0%,
        rgba(111, 84, 255, 0.13),
        transparent 9rem
      ),
      radial-gradient(
        circle at 86% 100%,
        rgba(79, 140, 255, 0.09),
        transparent 8rem
      ),
      #fffffff0;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-top: 1px solid rgba(229, 231, 235, 0.92);
    box-shadow: 0 -14px 32px #4f38c914;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager .vm-cv-manager-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    padding-bottom: 0;
    overflow: visible;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager .vm-cv-manager-nav-item {
    flex-direction: column;
    justify-content: center;
    gap: 0.34rem;
    min-height: 3.35rem;
    padding: 0.58rem 0.45rem;
    border: 1px solid rgba(209, 213, 219, 0.86);
    border-radius: 1.2rem;
    background: #ffffffb8;
    color: #111827;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager
    .vm-cv-manager-nav-item
    svg {
    color: #6b7280;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager
    .vm-cv-manager-nav-item
    span {
    font-size: 0.74rem;
    line-height: 1.1;
    text-align: center;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager
    .vm-cv-manager-nav-item.is-active {
    border-color: #6f54ff47;
    background: linear-gradient(180deg, #6e56ff21, #6e56ff12);
    color: #5f4ce3;
    box-shadow: 0 18px 36px #5a8bd61f;
  }
  .vm-cv-manager.is-mobile-layout.vm-settings-manager
    .vm-cv-manager-nav-item.is-active
    svg {
    color: #5f4ce3;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-hero {
    gap: 0.45rem;
    padding-top: 0.15rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-hero h1 {
    font-size: 2rem;
    letter-spacing: -0.07em;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-hero p {
    font-size: 0.92rem;
    line-height: 1.5;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-mobile-upgrade-shell {
    display: grid;
    gap: 0.75rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-upgrade {
    margin-top: 0;
    padding: 1rem;
    border-radius: 1.35rem;
    box-shadow: 0 18px 44px #5a8bd61f;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-upgrade p {
    font-size: 0.95rem;
    line-height: 1.55;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-community-score-card {
    grid-template-columns: 1fr;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-stat-card {
    min-height: 7rem;
    padding: 0.95rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-stat-copy strong {
    font-size: 1.8rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-section-head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-section-head h2 {
    font-size: 1.35rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-manager-footer {
    padding-bottom: 0.3rem;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
  }
  .vm-cv-manager.is-mobile-layout:not(.vm-settings-manager)
    .vm-cv-manager-footer {
    padding-bottom: calc(1.35rem + env(safe-area-inset-bottom, 0px));
  }
  .vm-cv-manager.is-mobile-layout .vm-support-modal {
    width: min(100%, calc(100vw - 1rem));
    padding: 1.1rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-support-modal-field textarea {
    min-height: 8.2rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plans-tab {
    gap: 0.9rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plans-hero {
    gap: 0.45rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plans-grid {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-card {
    min-height: auto;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.35rem;
    box-shadow: 0 18px 36px #1118270f;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-card > div:first-child {
    display: grid;
    gap: 0.3rem;
    min-height: 0;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-card {
    margin-top: 0;
    padding-top: 0.01rem;
    padding-inline: 0;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-composer {
    flex: 0 0 auto;
    position: static;
    padding-inline: 0;
    padding-bottom: 0.7rem;
  }
  .vm-cv-manager.is-mobile-layout
    .vm-cv-manager-content.is-interview-active
    .vm-interview-sim-send {
    flex: 0 0 3rem;
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-badge {
    margin-bottom: 0.15rem;
    font-size: 0.72rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-card h2 {
    font-size: clamp(1.85rem, 8vw, 2.35rem);
    line-height: 0.96;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-card p {
    margin-top: 0.2rem;
    font-size: 0.95rem;
    line-height: 1.55;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-price {
    display: grid;
    gap: 0.22rem;
    min-height: 0;
    padding-top: 0.1rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-price strong {
    font-size: 2.55rem;
    line-height: 0.92;
    letter-spacing: -0.05em;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-price span {
    margin-top: 0;
    font-size: 0.88rem;
    line-height: 1.45;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-benefits {
    gap: 0.5rem;
    font-size: 0.92rem;
    line-height: 1.45;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-button {
    min-height: 3.15rem;
    margin-top: 0.2rem;
    border-radius: 1rem;
  }
  .vm-cv-manager.is-mobile-layout .vm-cv-plan-card.is-pro {
    background:
      radial-gradient(
        circle at top right,
        rgba(249, 94, 13, 0.22),
        transparent 7rem
      ),
      linear-gradient(180deg, #111827fa, #111827eb);
  }
  .vm-cv-manager-content.vm-cv-manager-editor-content {
    overflow: visible;
  }
  .vm-cv-editor-form-shell,
  .vm-cv-editor-preview-card {
    min-height: auto;
  }
  .vm-cv-editor-form-shell .vm-onboarding-stack {
    overflow: visible;
    height: auto;
  }
}
.vm-stage-button-ghost {
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
}
.vm-topbar-mobile-controls {
  display: none;
  align-items: center;
  gap: 0.55rem;
  flex: 0 0 auto;
}
.vm-topbar-mobile-home-button {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-height: 2.75rem;
  padding: 0 0.95rem;
  border-radius: 0.95rem;
  white-space: nowrap;
}
.vm-editor-mobile-preview-button {
  display: none;
}
.vm-cv-editor-mobile-preview-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: #000000ad;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.vm-cv-editor-mobile-preview-modal {
  position: relative;
  width: min(100%, 30rem);
  max-height: min(88dvh, 52rem);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}
.vm-cv-editor-mobile-preview-scroll {
  max-height: calc(min(88dvh, 52rem) - 0.75rem);
  overflow: auto;
  margin: 0;
  padding: 0 0 4.75rem;
}
.vm-cv-editor-mobile-preview-close {
  position: fixed;
  left: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  transform: translate(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: #0f172ae6;
  color: #fff;
  box-shadow: 0 0.75rem 2rem #00000047;
  z-index: 142;
}
.vm-cv-editor-mobile-preview-close:hover,
.vm-cv-editor-mobile-preview-close:focus-visible {
  background: #ffffff24;
  border-color: #ffffff38;
}
.vm-editor-download-button.is-celebrating,
.vm-base-resume-download-button.is-celebrating,
.vm-cv-editor-rail-item.is-download.is-celebrating {
  animation: vm-download-button-celebrate 0.72s ease;
}
.vm-download-experience {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 170;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  overflow: hidden;
  pointer-events: none;
}
.vm-download-experience-wash {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    radial-gradient(
      circle at 24% 18%,
      rgba(129, 111, 255, 0.18),
      transparent 26%
    ),
    radial-gradient(
      circle at 78% 80%,
      rgba(88, 147, 255, 0.14),
      transparent 30%
    ),
    linear-gradient(180deg, #0f172a33, #0f172a57);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  animation: vm-download-wash-intro 0.22s ease-out forwards;
}
.vm-download-experience-card {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 0.95rem;
  width: min(28.5rem, calc(100vw - 2.25rem));
  padding: 2rem 1.65rem 2.2rem;
  border: 1px solid rgba(226, 232, 240, 0.88);
  border-radius: 1.75rem;
  background: linear-gradient(180deg, #fffffffa, #f8fafff5);
  box-shadow:
    0 2rem 4rem #0f172a29,
    0 0 0 1px #ffffffd9 inset;
  animation: vm-download-card-intro 0.24s ease-out forwards;
}
.vm-download-experience-icon {
  width: 4rem;
  height: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.35rem;
  color: #6d4bff;
  background: linear-gradient(135deg, #7c3aed1f, #5b7cff14);
  box-shadow:
    inset 0 1px #ffffffb8,
    0 1rem 1.8rem #6d4bff24;
}
.vm-download-experience-copy {
  display: grid;
  gap: 0.45rem;
  text-align: center;
}
.vm-download-experience-copy strong {
  font-size: clamp(1.35rem, 1.9vw, 1.8rem);
  line-height: 1.08;
  color: #111827;
  letter-spacing: -0.03em;
}
.vm-download-experience-copy p {
  margin: 0;
  max-width: 24rem;
  font-size: 0.96rem;
  line-height: 1.55;
  color: #64748b;
}
.vm-download-experience.is-ready .vm-download-experience-icon {
  animation: vm-download-button-celebrate 0.62s ease;
}
.vm-download-experience.is-closing .vm-download-experience-wash {
  animation: vm-download-wash-out 0.18s ease-out forwards;
}
.vm-download-experience.is-closing .vm-download-experience-card {
  animation: vm-download-card-out 0.18s ease-out forwards;
}
.vm-editor-return-saving-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: #f7f8fcb8;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  animation: vm-editor-return-backdrop-in 0.18s ease-out both;
}
.vm-editor-return-saving-modal {
  width: min(25.5rem, 100%);
  display: grid;
  justify-items: center;
  gap: 1rem;
  padding: 1.75rem 1.55rem 1.5rem;
  border: 1px solid rgba(95, 76, 227, 0.16);
  border-radius: 1.35rem;
  background: #fffffff0;
  box-shadow: 0 24px 70px #1118272e;
  text-align: center;
  animation: vm-editor-return-modal-in 0.26s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.vm-editor-return-saving-orb {
  position: relative;
  width: 4.35rem;
  height: 4.35rem;
  display: grid;
  place-items: center;
  border-radius: 1.25rem;
  color: #fff;
  background: linear-gradient(135deg, #6548f4, #ff5a1f);
  box-shadow: 0 16px 34px #6548f43d;
  overflow: hidden;
}
.vm-editor-return-saving-orb span {
  position: absolute;
  top: -38%;
  right: -38%;
  bottom: -38%;
  left: -38%;
  background: conic-gradient(
    from 0deg,
    transparent,
    rgba(255, 255, 255, 0.58),
    transparent 34%
  );
  animation: vm-editor-return-orb-spin 1.2s linear infinite;
}
.vm-editor-return-saving-orb svg {
  position: relative;
  z-index: 1;
  animation: vm-editor-return-save-pulse 1.05s ease-in-out infinite;
}
.vm-editor-return-saving-copy {
  display: grid;
  gap: 0.35rem;
}
.vm-editor-return-saving-copy h2,
.vm-editor-return-saving-copy p {
  margin: 0;
}
.vm-editor-return-saving-copy h2 {
  color: var(--text);
  font-size: 1.2rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.vm-editor-return-saving-copy p:last-child {
  max-width: 21rem;
  color: var(--text-soft);
  font-size: 0.9rem;
  line-height: 1.45;
}
.vm-editor-return-saving-bar {
  width: min(13.5rem, 100%);
  height: 0.42rem;
  border-radius: 999px;
  background: #5f4ce321;
  overflow: hidden;
}
.vm-editor-return-saving-bar i {
  display: block;
  width: 48%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6548f4, #22c55e, #ff5a1f);
  animation: vm-editor-return-bar 1.1s ease-in-out infinite;
}
@keyframes vm-editor-return-backdrop-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vm-editor-return-modal-in {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-editor-return-orb-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes vm-editor-return-save-pulse {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
}
@keyframes vm-editor-return-bar {
  0% {
    transform: translate(-105%);
  }
  55% {
    transform: translate(70%);
  }
  to {
    transform: translate(220%);
  }
}
@keyframes vm-download-button-celebrate {
  0% {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-2px) scale(1.04);
  }
  55% {
    transform: translateY(0) scale(0.985);
  }
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-download-wash-intro {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vm-download-card-intro {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes vm-download-wash-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes vm-download-card-out {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(6px) scale(0.99);
  }
}
.vm-cv-editor-mobile-shell {
  display: none;
}
.vm-cv-editor-mobile-preview-modal .vm-pdf-preview-frame {
  width: 100%;
  height: auto;
  max-height: none;
  margin-top: 0;
  gap: 1rem;
  overflow: visible;
}
.vm-cv-editor-mobile-preview-modal .vm-pdf-preview-image {
  width: 100%;
  margin: 0;
  border-radius: 0.95rem;
  background: #fff;
  box-shadow:
    0 1.35rem 3rem #0f172a47,
    0 0 0 1px #e2e8f0d9;
}
.vm-cv-editor-mobile-preview-modal .vm-pdf-preview-placeholder,
.vm-cv-editor-mobile-preview-modal .vm-cv-editor-preview-skeleton {
  min-height: 18rem;
}
.vm-cv-editor-mobile-preview-modal
  .vm-cv-editor-preview-rewrite-overlay.is-mobile {
  position: absolute;
  top: 0.8rem;
  right: 3.65rem;
  left: 0.8rem;
  z-index: 2;
}
@media (max-width: 960px) {
  .vm-cv-manager-sidebar.vm-cv-manager-editor-sidebar,
  .vm-cv-manager-content.vm-cv-manager-editor-content {
    display: none;
  }
  .vm-cv-editor-mobile-panel {
    min-height: 0;
    overflow: hidden;
    background: #fffffff0;
  }
  .vm-cv-editor-mobile-panel > .vm-cv-editor-analysis-panel,
  .vm-cv-editor-mobile-panel > .vm-cv-editor-template-panel,
  .vm-cv-editor-mobile-panel > .vm-cv-editor-placeholder-panel,
  .vm-cv-editor-mobile-panel > .vm-cv-editor-sections-panel {
    width: 100%;
    max-width: none;
    min-height: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: #fffffff0;
  }
  .vm-cv-editor-mobile-panel > .vm-cv-editor-analysis-panel,
  .vm-cv-editor-mobile-panel > .vm-cv-editor-template-panel,
  .vm-cv-editor-mobile-panel > .vm-cv-editor-placeholder-panel {
    overflow-y: auto;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom));
  }
  .vm-cv-editor-mobile-panel > .vm-cv-editor-sections-panel {
    display: block;
    overflow: hidden;
  }
  .vm-cv-editor-mobile-panel .vm-cv-editor-sections-scroll,
  .vm-cv-editor-mobile-panel .vm-cv-editor-form-scroll {
    display: block;
    height: calc(100dvh - 9.8rem);
    min-height: calc(100dvh - 9.8rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 1rem calc(1rem + env(safe-area-inset-bottom));
    margin: 0;
    background: #fffffff0;
    scrollbar-gutter: stable;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack,
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-section,
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-section-body,
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-grid,
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-list,
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-card {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack {
    padding: 0;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-section {
    padding: 0.9rem 0;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-section:first-of-type {
    padding-top: 0;
    border-top: 0;
  }
  .vm-cv-editor-mobile-panel .vm-onboarding-stack-footer {
    position: static;
    padding-top: 1rem;
    background: transparent;
  }
  .vm-cv-editor-mobile-rail {
    position: sticky;
    bottom: 0;
    z-index: 90;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.7rem 0.8rem calc(0.8rem + env(safe-area-inset-bottom));
    border-top: 1px solid color-mix(in srgb, var(--primary) 10%, var(--line));
    background: #fffffff5;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 -1rem 2.4rem #0f172a14;
  }
  .vm-cv-editor-mobile-rail .vm-cv-editor-rail-item {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-height: 4.4rem;
    padding: 0.58rem 0.16rem 0.5rem;
    border-radius: 1.05rem;
    font-size: 0.63rem;
    line-height: 1.1;
    text-align: center;
  }
  .vm-cv-editor-mobile-rail .vm-cv-editor-rail-item svg {
    width: 1.05rem;
    height: 1.05rem;
  }
  .vm-wizard-shell.is-cv-editor-shell {
    margin: 0;
    padding: 0;
  }
  .vm-wizard-shell.is-cv-hub-shell {
    display: block;
    width: 100%;
    height: calc(100dvh - 4.5rem);
    min-height: calc(100dvh - 4.5rem);
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .vm-cv-hub-main,
  .vm-cv-hub-card,
  .vm-cv-hub-card > .vm-step-content,
  .vm-cv-hub-card > .vm-step-transition {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    min-height: auto;
    height: auto;
  }
  .vm-wizard-shell.is-entry .vm-wizard-card.is-cv-editor-shell,
  .vm-page.has-wizard-scroll
    .vm-wizard-shell.is-entry
    .vm-wizard-card.is-cv-editor-shell,
  .vm-wizard-shell.is-entry.has-adapt-preview
    .vm-wizard-card.is-cv-editor-shell {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    place-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
  }
  .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-wizard-card.is-cv-editor-shell {
    display: block;
    width: 100%;
    min-height: calc(100dvh - 4.5rem);
    justify-content: stretch;
    align-items: stretch;
  }
  .vm-wizard-card.is-cv-editor-shell,
  .vm-wizard-card.is-cv-editor-shell > .vm-step-content,
  .vm-wizard-card.is-cv-editor-shell > .vm-step-transition,
  .vm-wizard-main.is-cv-editor {
    margin: 0;
    padding: 0;
  }
  .vm-topbar.is-cv-hub.is-full-span {
    position: sticky;
    top: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 4.5rem;
    padding: 0.8rem 1rem;
  }
  .vm-topbar.is-cv-hub {
    width: 100%;
    margin-left: 0;
    min-height: 4.5rem;
    padding-inline: 1rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-leading {
    flex: 1 1 0;
    min-width: 0;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-link {
    gap: 0.7rem;
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-link > div {
    min-width: 0;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-copy,
  .vm-topbar.is-cv-hub.is-full-span .vm-cv-editor-back.vm-cv-editor-back-topbar,
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-ghost-button,
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-download-button,
  .vm-topbar.is-cv-hub.is-full-span > .vm-credit-pill {
    display: none;
  }
  .vm-topbar.is-cv-hub.is-full-span
    .vm-cv-editor-back.vm-cv-editor-back-topbar {
    display: inline-flex;
    order: -1;
    flex: 0 0 auto;
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
    margin: 0;
    padding: 0;
    border-radius: 999px;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-brand-title {
    font-size: 1.05rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-mobile-controls {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin-left: auto;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-header-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
  }
  .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-header-tools
    .vm-google-signin-icon-button {
    width: 2.8rem !important;
    min-width: 2.8rem !important;
    max-width: 2.8rem !important;
    min-height: 2.8rem !important;
    height: 2.8rem !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    align-self: center;
  }
  .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-header-tools
    .vm-google-signin-icon-button
    .vm-google-mark {
    width: 1.05rem;
    height: 1.05rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-mobile-home-button {
    flex: 0 0 auto;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 2.8rem;
    padding: 0 0.1rem;
    border: 0;
    background: transparent;
    font-size: 0.82rem;
    white-space: nowrap;
    flex: 0 0 auto;
    color: var(--text);
    box-shadow: none;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill-mobile-mark {
    width: 1.08rem;
    height: 1.08rem;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-avatar-slot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
  .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-avatar-slot
    .vm-user-avatar-card {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    border-radius: 999px;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-preview-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    min-height: 2.8rem;
    min-width: 0;
    max-width: 100%;
    padding: 0 0.58rem;
    border-radius: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    background: #fffffff0;
    color: var(--text);
    box-shadow: 0 0.85rem 1.8rem #0f172a14;
    flex: 0 1 auto;
    font-size: 0.84rem;
    white-space: nowrap;
    overflow: hidden;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    min-height: 2.8rem;
    min-width: 0;
    max-width: 100%;
    padding: 0 0.58rem;
    border-radius: 0.95rem;
    border: 1px solid #6a4df5;
    background: linear-gradient(135deg, #6f54ff, #8f66ff);
    color: #fff;
    box-shadow: 0 0.95rem 2rem #6f54ff42;
    flex: 0 1 auto;
    font-size: 0.84rem;
    white-space: nowrap;
    overflow: hidden;
  }
  .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-download-button.is-unlocked {
    border-color: #169b46;
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    box-shadow: 0 0.95rem 2rem #16a34a3d;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-settings-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    min-width: 2.8rem;
    min-height: 2.8rem;
    padding: 0;
    border-radius: 999px;
    flex: 0 0 auto;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-editor-mobile-preview-label {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-menu-toggle {
    width: 2.8rem;
    min-width: 2.8rem;
    min-height: 2.8rem;
    padding: 0;
    border-radius: 0.95rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-menu-toggle span {
    display: none;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-actions {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 1rem;
    left: 1rem;
    display: none;
    width: auto;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--primary) 10%, var(--line));
    border-radius: 1.2rem;
    background: #fffffff7;
    box-shadow: 0 1.15rem 2.75rem #0f172a1f;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-topbar-actions.is-open {
    display: block;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-mobile-menu-shell {
    display: grid;
    gap: 0.65rem;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-language-menu,
  .vm-topbar.is-cv-hub.is-full-span .vm-route-link,
  .vm-topbar.is-cv-hub.is-full-span .button-secondary,
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill {
    width: 100%;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-language-trigger,
  .vm-topbar.is-cv-hub.is-full-span .vm-route-link,
  .vm-topbar.is-cv-hub.is-full-span .button-secondary,
  .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill {
    justify-content: space-between;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-account-menu-wrap {
    justify-self: end;
  }
  .vm-topbar.is-cv-hub.is-full-span .vm-account-menu-panel {
    right: 0;
    left: auto;
  }
  .vm-cv-manager.vm-cv-manager-editor {
    display: block;
    min-height: calc(100dvh - 4.5rem);
  }
  .vm-cv-manager-sidebar.vm-cv-manager-editor-sidebar {
    display: block;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 0 0 calc(6rem + env(safe-area-inset-bottom));
    background: #fffffff0;
    border: 0;
  }
  .vm-cv-editor-panel-shell {
    width: 100%;
    max-width: none;
    min-height: calc(100dvh - 11.5rem);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .vm-cv-editor-panel-transition,
  .vm-cv-editor-form-shell,
  .vm-cv-editor-form-scroll,
  .vm-cv-editor-sections-panel,
  .vm-cv-editor-sections-scroll,
  .vm-cv-editor-form-shell .vm-onboarding-stack,
  .vm-cv-editor-sections-panel .vm-onboarding-stack {
    width: 100%;
    max-width: none;
  }
  .vm-cv-editor-panel-transition .vm-cv-editor-form-shell {
    margin-right: 0;
  }
  .vm-cv-editor-panel-transition {
    min-height: calc(100dvh - 11.5rem);
    padding: 0;
  }
  .vm-cv-editor-form-shell,
  .vm-cv-editor-sections-panel {
    display: block;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: #fffffff0;
  }
  .vm-cv-editor-form-shell .vm-onboarding-stack,
  .vm-cv-editor-sections-panel .vm-onboarding-stack {
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .vm-cv-editor-panel-transition {
    height: 100%;
  }
  .vm-cv-editor-form-shell,
  .vm-cv-editor-sections-panel,
  .vm-cv-editor-analysis-panel,
  .vm-cv-editor-template-panel,
  .vm-cv-editor-placeholder-panel {
    min-height: calc(100dvh - 11.5rem);
    margin: 0;
    border: 0;
    background: #fffffff0;
  }
  .vm-cv-editor-form-shell,
  .vm-cv-editor-sections-panel {
    padding: 0;
  }
  .vm-cv-editor-analysis-panel,
  .vm-cv-editor-template-panel,
  .vm-cv-editor-placeholder-panel {
    padding: 1rem;
  }
  .vm-cv-editor-form-scroll,
  .vm-cv-editor-sections-scroll {
    display: block;
    height: calc(100dvh - 11.5rem);
    min-height: calc(100dvh - 11.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    padding-bottom: 1rem;
    background: #fffffff0;
  }
  .vm-cv-editor-analysis-panel {
    gap: 0.9rem;
  }
  .vm-cv-editor-template-panel,
  .vm-cv-editor-placeholder-panel {
    gap: 1rem;
  }
  .vm-cv-editor-form-shell .vm-onboarding-stack-section,
  .vm-cv-editor-sections-panel .vm-onboarding-stack-section {
    margin: 0;
    padding: 0.9rem 0;
  }
  .vm-cv-editor-form-shell .vm-onboarding-stack-section:first-of-type,
  .vm-cv-editor-sections-panel .vm-onboarding-stack-section:first-of-type {
    padding-top: 0;
    border-top: 0;
  }
  .vm-cv-editor-form-shell .vm-onboarding-stack-section-body,
  .vm-cv-editor-form-shell .vm-onboarding-stack-grid,
  .vm-cv-editor-form-shell .vm-onboarding-stack-list,
  .vm-cv-editor-sections-panel .vm-onboarding-stack-section-body,
  .vm-cv-editor-sections-panel .vm-onboarding-stack-grid,
  .vm-cv-editor-sections-panel .vm-onboarding-stack-list {
    margin: 0;
  }
  .vm-cv-editor-rail {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
    padding: 0.7rem 0.8rem calc(0.8rem + env(safe-area-inset-bottom));
    border-top: 1px solid color-mix(in srgb, var(--primary) 10%, var(--line));
    background: #fffffff5;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 -1rem 2.4rem #0f172a14;
  }
  .vm-cv-editor-rail-item {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-height: 4.4rem;
    padding: 0.58rem 0.28rem 0.5rem;
    border-radius: 1.05rem;
    font-size: 0.7rem;
    line-height: 1.1;
    text-align: center;
  }
  .vm-cv-editor-rail-item svg {
    width: 1.05rem;
    height: 1.05rem;
  }
  .vm-cv-manager-content.vm-cv-manager-editor-content {
    display: none;
  }
  .vm-cv-manager.vm-cv-manager-editor.is-mobile-editor {
    display: block;
    width: 100%;
    min-height: calc(100dvh - 4.5rem);
  }
  .vm-cv-editor-mobile-shell {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    width: 100%;
    min-height: calc(100dvh - 4.5rem);
    background: #fffffff0;
  }
  .vm-cv-editor-mobile-panel {
    width: 100%;
    min-width: 0;
    min-height: 0;
    background: #fffffff0;
    overflow: hidden;
  }
  .vm-cv-editor-mobile-sections,
  .vm-cv-editor-mobile-scroll {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: calc(100dvh - 9.8rem);
    min-height: calc(100dvh - 9.8rem);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fffffff0;
  }
  .vm-cv-editor-mobile-sections-scroll {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0 1rem calc(1rem + env(safe-area-inset-bottom));
  }
  .vm-cv-editor-mobile-scroll {
    padding: 1rem 0 calc(1rem + env(safe-area-inset-bottom));
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-section,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-section-body,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-grid,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-list,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-card {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack {
    padding: 0;
    background: transparent;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-card {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-section {
    margin: 0;
    padding: 0.9rem 0;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-section:first-of-type {
    padding-top: 0;
    border-top: 0;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-section-body,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-grid,
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-list {
    margin: 0;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-stack-footer {
    position: static;
    padding-top: 1rem;
    background: transparent;
  }
  .vm-cv-editor-mobile-sections .vm-onboarding-import-button,
  .vm-cv-editor-mobile-panel .vm-onboarding-import-button {
    margin-top: 0.6rem;
  }
  .vm-cv-editor-mobile-style-panel > .vm-cv-editor-template-panel,
  .vm-cv-editor-mobile-templates-panel > .vm-cv-editor-template-panel,
  .vm-cv-editor-mobile-analysis-panel > .vm-cv-editor-analysis-panel,
  .vm-cv-editor-mobile-adapt-panel > .vm-cv-editor-analysis-panel {
    width: 100%;
    max-width: none;
    min-height: auto;
    margin: 0;
  }
  .vm-credit-confirm-backdrop {
    align-items: center;
    place-items: center;
    padding: 0.35rem;
  }
  .vm-credit-confirm-modal {
    width: min(100%, calc(100vw - 0.45rem));
    max-height: calc(100dvh - 0.7rem);
    padding: 1rem 0.58rem;
  }
  .vm-no-credits-modal {
    width: min(100%, 22rem);
  }
  .vm-no-credits-offers {
    gap: 0.62rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 19.25rem);
    max-width: 19.25rem;
    margin-inline: auto;
  }
  .vm-no-credits-offer {
    grid-template-rows: 1.58rem 1.28rem 2.42rem minmax(2.5rem, 1fr);
    min-height: 9.65rem;
    padding: 0.64rem 0.72rem 0.76rem;
    gap: 0.14rem;
    border-radius: 1rem;
  }
  .vm-no-credits-offer.is-promo {
    padding: 0.42rem 0.62rem 0.76rem;
    background:
      radial-gradient(
        circle at 18% 12%,
        rgba(255, 255, 255, 0.34),
        transparent 26%
      ),
      linear-gradient(142deg, #6f54ff, #b558c8 44%, #ff5a18);
  }
  .vm-no-credits-offer.is-promo:hover,
  .vm-no-credits-offer.is-promo:focus-visible {
    background:
      radial-gradient(
        circle at 18% 12%,
        rgba(255, 255, 255, 0.34),
        transparent 26%
      ),
      linear-gradient(142deg, #6f54ff, #b558c8 44%, #ff5a18);
  }
  .vm-no-credits-offer-spacer,
  .vm-no-credits-promo-ribbon {
    min-height: 1.58rem;
  }
  .vm-no-credits-offer-spacer {
    height: 0.24rem;
    min-height: 0;
  }
  .vm-no-credits-promo-ribbon {
    position: static;
    align-self: stretch;
    margin: 0;
    padding: 0.34rem 0.2rem;
    border-radius: 0.68rem;
  }
  .vm-no-credits-promo-ribbon strong {
    gap: 0.14rem;
    font-size: 0.72rem !important;
    align-self: center;
    line-height: 1;
  }
  .vm-no-credits-promo-ribbon small {
    font-size: 0.54rem !important;
    font-weight: 400;
  }
  .vm-no-credits-offer-title,
  .vm-no-credits-offer strong {
    font-size: 0.9rem;
    align-self: end;
  }
  .vm-no-credits-offer-price,
  .vm-no-credits-offer em {
    font-size: 1.72rem;
    align-self: end;
    line-height: 1;
  }
  .vm-no-credits-offer.is-promo .vm-no-credits-promo-ribbon em {
    color: #fff;
    font-size: inherit;
  }
  .vm-no-credits-offer span,
  .vm-no-credits-offer small {
    font-size: 0.62rem;
  }
  .vm-no-credits-promo-counter {
    align-self: stretch;
    align-content: start;
    gap: 0.18rem;
    margin-top: 0;
  }
  .vm-no-credits-promo-counter span {
    font-size: 0.66rem;
  }
  .vm-no-credits-promo-counter strong {
    font-size: 0.68rem;
  }
  .vm-no-credits-promo-counter i {
    height: 0.3rem;
  }
  .vm-credit-confirm-modal.is-checkout {
    width: min(100%, calc(100vw - 0.45rem));
    max-height: calc(100dvh - 0.7rem);
    padding: 1rem 0.58rem;
  }
  .vm-credit-confirm-feature-grid {
    gap: 0.5rem;
  }
  .vm-credit-confirm-feature {
    padding: 0.95rem 0.75rem;
  }
  .vm-inline-credit-checkout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
  }
  .vm-credit-confirm-modal.is-checkout .vm-credit-confirm-copy,
  .vm-inline-credit-checkout-simple,
  .vm-inline-credit-checkout-simple .vm-plans-checkout-panel,
  .vm-plans-pix-layout,
  .vm-plans-pix-stage.vm-plans-pix-stage-simple {
    justify-items: center;
    text-align: center;
  }
  .vm-download-experience {
    padding: 1rem;
  }
  .vm-download-experience-card {
    width: min(100%, 24rem);
    padding: 1.6rem 1.15rem;
    border-radius: 1.45rem;
  }
  .vm-download-experience-copy strong {
    font-size: 1.3rem;
  }
  .vm-download-experience-copy p {
    font-size: 0.92rem;
  }
}
[data-theme="dark"] .vm-cv-editor-mobile-preview-modal {
  background: transparent;
  border-color: transparent;
}
@media (max-width: 960px) {
  [data-theme="dark"] .vm-topbar.is-cv-hub.is-full-span .vm-topbar-actions {
    background: #0a101cf5;
    border-color: #d1d5db1a;
  }
  [data-theme="dark"]
    .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-preview-button,
  [data-theme="dark"]
    .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-download-button,
  [data-theme="dark"]
    .vm-topbar.is-cv-hub.is-full-span
    .vm-editor-mobile-settings-button,
  [data-theme="dark"] .vm-topbar.is-cv-hub.is-full-span .vm-menu-toggle {
    background: #111827eb;
    border-color: #d1d5db1f;
    color: #fffffff5;
  }
  [data-theme="dark"] .vm-topbar.is-cv-hub.is-full-span .vm-credit-pill-mobile {
    color: #fffffff5;
  }
  [data-theme="dark"] .vm-cv-editor-panel-shell,
  [data-theme="dark"] .vm-cv-editor-rail {
    background: #0a101cf0;
    border-color: #d1d5db14;
  }
}
.vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-auth-entry {
  display: block;
  width: 100%;
  min-height: 100%;
}
.vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-wizard-main {
  min-height: calc(100dvh - 4.5rem);
}
.vm-wizard-shell.is-entry:not(.has-adapt-preview) .vm-wizard-card {
  width: 100%;
  min-height: calc(100dvh - 4.5rem);
  height: calc(100dvh - 4.5rem);
  padding: 0;
  margin: 0;
  place-items: stretch;
  align-content: stretch;
}
.vm-wizard-shell.is-entry:not(.has-adapt-preview)
  .vm-auth-entry
  .vm-entry-stage-copy,
.vm-wizard-shell.is-entry:not(.has-adapt-preview)
  .vm-auth-entry
  .vm-entry-stage-actions {
  align-self: auto;
}
.vm-page.is-auth-entry-page {
  min-height: 100dvh;
}
.vm-page.is-auth-entry-page .vm-wizard-shell.is-entry,
.vm-page.is-auth-entry-page.has-wizard-scroll .vm-wizard-shell.is-entry {
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
}
.vm-page.is-auth-entry-page
  .vm-wizard-shell.is-entry:not(.has-adapt-preview)
  .vm-wizard-main,
.vm-page.is-auth-entry-page
  .vm-wizard-shell.is-entry:not(.has-adapt-preview)
  .vm-wizard-card {
  min-height: 100dvh;
  height: 100dvh;
}
@media (max-width: 1080px) {
  .vm-auth-entry-shell {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .vm-auth-entry-brand-panel,
  .vm-auth-entry-login-panel {
    padding: 1.6rem;
  }
  .vm-auth-entry-copy,
  .vm-auth-entry-title {
    justify-items: center;
    text-align: center;
  }
}
@media (max-width: 720px) {
  .vm-page.is-auth-entry-page .vm-entry-stage.vm-auth-entry,
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-entry-stage.vm-auth-entry {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .vm-page.is-auth-entry-page .vm-wizard-shell,
  .vm-page.is-auth-entry-page .vm-wizard-shell.is-entry,
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview) {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .vm-page.is-auth-entry-page .vm-wizard-main,
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-wizard-main,
  .vm-page.is-auth-entry-page .vm-wizard-card,
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-wizard-card {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-wizard-card {
    display: block;
    min-height: 100dvh;
    height: 100dvh;
    place-items: stretch;
    align-content: stretch;
    align-items: stretch;
    justify-items: stretch;
  }
  .vm-page.is-auth-entry-page
    .vm-wizard-shell.is-entry:not(.has-adapt-preview)
    .vm-wizard-main {
    display: block;
    min-height: 100dvh;
    height: 100dvh;
  }
  .vm-auth-entry {
    padding: 0;
    min-height: 100dvh;
    height: 100dvh;
  }
  .vm-auth-entry-shell {
    grid-template-columns: 1fr;
    min-height: 100dvh;
    height: 100dvh;
    border-radius: 0;
    box-shadow: none;
  }
  .vm-auth-entry-brand-panel {
    display: none;
  }
  .vm-auth-entry-login-panel {
    display: flex;
    flex: 1 1 auto;
    min-height: 100dvh;
    height: 100dvh;
    width: 100%;
    max-width: 100%;
    padding: 1.5rem 0 1.35rem;
  }
  .vm-auth-entry-login-body {
    flex: 1 1 auto;
    width: 100%;
    padding-inline: 1.1rem;
  }
  .vm-auth-entry-login-footer {
    margin-top: auto;
    width: 100%;
    padding-inline: 1.1rem;
  }
  .vm-auth-entry-mobile-logo {
    display: block;
  }
  .vm-auth-entry-login-copy p {
    font-size: 0.95rem;
  }
}
.vm-plans-affiliate-inline {
  width: min(28rem, 100%);
}
.vm-cv-plans-affiliate-inline {
  margin: 0 0 1.25rem;
}
.vm-plans-affiliate-inline .vm-settings-field {
  gap: 0.5rem;
}
.vm-plans-affiliate-inline .vm-settings-field span {
  font-size: 0.82rem;
  font-weight: 700;
  color: #44506a;
}
.vm-credit-confirm-affiliate-field {
  margin-top: 1rem;
  text-align: left;
}
.vm-credit-confirm-affiliate-field input {
  width: 100%;
}
.vm-creator-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  overflow-y: auto;
  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(111, 84, 255, 0.16),
      transparent 30rem
    ),
    radial-gradient(
      circle at 84% 4%,
      rgba(23, 135, 255, 0.12),
      transparent 28rem
    ),
    linear-gradient(135deg, #fbfcff, #f4f5fb 48%, #f8f7ff);
  padding: clamp(1rem, 3vw, 2.4rem);
}
.vm-creator-page.is-dashboard {
  display: block;
  place-items: initial;
}
.vm-creator-shell {
  width: min(76rem, 100%);
  margin: 0 auto;
}
.vm-creator-login-card,
.vm-creator-dashboard {
  position: relative;
  overflow: hidden;
  background: #ffffffd1;
  border: 1px solid rgba(131, 146, 179, 0.18);
  border-radius: 2rem;
  box-shadow: 0 24px 80px #0f172a14;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.vm-creator-login-card {
  width: min(27rem, 100%);
  margin: 0 auto;
  padding: clamp(1.35rem, 4vw, 1.8rem);
}
.vm-creator-login-glow {
  position: absolute;
  inset: -35% -20% auto auto;
  width: 16rem;
  height: 16rem;
  border-radius: 999px;
  background: radial-gradient(
    circle,
    rgba(111, 84, 255, 0.22),
    transparent 68%
  );
  pointer-events: none;
}
.vm-creator-badge {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
  background: #6f54ff1a;
  color: #6246ea;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-creator-login-head,
.vm-creator-hero-copy {
  display: grid;
  gap: 0.65rem;
  position: relative;
  z-index: 1;
}
.vm-creator-login-head {
  text-align: center;
  justify-items: center;
}
.vm-creator-login-head h1,
.vm-creator-hero-copy h1 {
  margin: 0;
  font-size: clamp(2.15rem, 5vw, 4.5rem);
  line-height: 1.02;
  letter-spacing: -0.06em;
  color: #111827;
}
.vm-creator-login-head h1 {
  font-size: clamp(2rem, 7vw, 2.7rem);
  letter-spacing: -0.055em;
}
.vm-creator-login-head p,
.vm-creator-hero-copy p {
  margin: 0;
  color: #5f6c86;
  line-height: 1.65;
  max-width: 36rem;
}
.vm-creator-login-head p {
  max-width: 21rem;
  line-height: 1.55;
}
.vm-creator-login-form {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.85rem;
  margin-top: 1.35rem;
}
.vm-creator-login-button {
  min-height: 3.15rem;
  margin-top: 0.2rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6);
  box-shadow: 0 18px 36px #6f54ff38;
}
.vm-creator-landing {
  display: grid;
  gap: clamp(1rem, 2.6vw, 1.6rem);
}
.vm-creator-landing-hero,
.vm-creator-how-panel,
.vm-creator-apply-card,
.vm-creator-existing-login {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(131, 146, 179, 0.18);
  border-radius: 2rem;
  background: #ffffffd1;
  box-shadow: 0 24px 80px #0f172a14;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.vm-creator-landing-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.75fr);
  gap: clamp(1.2rem, 4vw, 3rem);
  align-items: center;
  min-height: clamp(28rem, 70vh, 43rem);
  padding: clamp(1.5rem, 5vw, 4rem);
  background:
    radial-gradient(
      circle at 74% 20%,
      rgba(255, 122, 24, 0.16),
      transparent 20rem
    ),
    radial-gradient(
      circle at 20% 15%,
      rgba(111, 84, 255, 0.2),
      transparent 24rem
    ),
    linear-gradient(135deg, #fffffff0, #f6f4ffd6);
}
.vm-creator-landing-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
}
.vm-creator-landing-copy h1 {
  max-width: 13ch;
  margin: 0;
  color: #111827;
  font-size: clamp(3.2rem, 8vw, 6.9rem);
  letter-spacing: -0.075em;
  line-height: 0.9;
}
.vm-creator-landing-copy p {
  max-width: 42rem;
  margin: 0;
  color: #4f5f7a;
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.72;
}
.vm-creator-landing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  margin-top: 0.35rem;
}
.vm-creator-landing-primary,
.vm-creator-login-toggle,
.vm-creator-apply-submit {
  min-height: 3.2rem;
  border-radius: 1rem;
}
.vm-creator-landing-primary {
  gap: 0.45rem;
  padding-inline: 1.2rem;
  text-decoration: none;
  background: linear-gradient(135deg, #6f54ff, #ff6a1a);
  box-shadow: 0 20px 38px #6f54ff33;
}
.vm-creator-login-toggle {
  padding-inline: 1.1rem;
  color: #111827;
  background: #ffffffb8;
}
.vm-creator-landing-proof {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.75rem;
}
.vm-creator-landing-proof article {
  display: grid;
  gap: 0.45rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background: #ffffffad;
  box-shadow: 0 18px 44px #0f172a0f;
}
.vm-creator-landing-proof svg {
  color: #6f54ff;
}
.vm-creator-landing-proof strong {
  color: #111827;
  font-size: 1rem;
}
.vm-creator-landing-proof span {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.45;
}
.vm-creator-landing-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 0.7fr);
  gap: clamp(1rem, 2vw, 1.25rem);
}
.vm-creator-how-panel,
.vm-creator-apply-card,
.vm-creator-existing-login {
  padding: clamp(1.2rem, 3vw, 2rem);
}
.vm-creator-how-list {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
}
.vm-creator-how-list article {
  padding-block: 0.9rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}
.vm-creator-how-list article:last-child {
  border-bottom: 0;
}
.vm-creator-how-list strong,
.vm-creator-apply-card h2 {
  color: #111827;
}
.vm-creator-how-list p,
.vm-creator-apply-card p {
  margin: 0.35rem 0 0;
  color: #5f6c86;
  line-height: 1.65;
}
.vm-creator-apply-card h2 {
  margin: 0.9rem 0 0;
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
}
.vm-creator-apply-form {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.1rem;
}
.vm-creator-apply-submit {
  margin-top: 0.15rem;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6);
}
.vm-creator-apply-success {
  display: grid;
  gap: 0.45rem;
  margin-top: 1.1rem;
  padding: 1rem;
  border-radius: 1.2rem;
  background: linear-gradient(135deg, #6f54ff1a, #22c55e1f);
  color: #475569;
}
.vm-creator-apply-success svg,
.vm-creator-apply-success strong {
  color: #5f46e8;
}
.vm-creator-existing-login {
  width: min(31rem, 100%);
  justify-self: center;
}
.vm-creator-page.is-login {
  display: block;
  place-items: initial;
  padding: clamp(1rem, 3vw, 2.2rem);
  background:
    radial-gradient(
      circle at 12% 8%,
      rgba(111, 84, 255, 0.12),
      transparent 24rem
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(23, 135, 255, 0.1),
      transparent 22rem
    ),
    #f8fafc;
}
.vm-creator-page.is-login .vm-creator-shell {
  width: min(88rem, calc(100% - clamp(1.5rem, 5vw, 5rem)));
  margin-inline: auto;
}
.vm-creator-public-page {
  min-height: calc(100dvh - 4.4rem);
  color: #111827;
}
.vm-creator-public-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.15rem 0 clamp(2rem, 4vw, 3.3rem);
}
.vm-creator-public-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #111827;
  font-size: 1.05rem;
  font-weight: 900;
  text-decoration: none;
}
.vm-creator-public-brand img {
  width: 2.35rem;
  height: 2.35rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-creator-public-login-button {
  min-height: 2.75rem;
  padding: 0 1.05rem;
  border: 1px solid rgba(100, 116, 139, 0.2);
  border-radius: 999px;
  color: #111827;
  font-weight: 850;
  background: #fff9;
  transition: 0.18s ease;
}
.vm-creator-public-login-button:hover {
  border-color: #6f54ff6b;
  color: #5f46e8;
  transform: translateY(-1px);
}
.vm-creator-public-main {
  display: grid;
  gap: clamp(2rem, 5vw, 4.5rem);
}
.vm-creator-public-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, 22rem);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: end;
  padding: clamp(1rem, 3vw, 2rem) 0 clamp(2.1rem, 5vw, 4.2rem);
  border-bottom: 1px solid rgba(100, 116, 139, 0.16);
}
.vm-creator-public-hero-copy {
  display: grid;
  gap: 1.15rem;
}
.vm-creator-public-hero-copy > span,
.vm-creator-public-apply > div > span,
.vm-creator-public-access > div > span {
  color: #6f54ff;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.vm-creator-public-hero h1 {
  max-width: 11ch;
  margin: 0;
  color: #111827;
  font-size: clamp(3.7rem, 8.5vw, 7.2rem);
  line-height: 0.86;
  letter-spacing: -0.09em;
}
.vm-creator-public-hero p {
  max-width: 44rem;
  margin: 0;
  color: #51617d;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.75;
}
.vm-creator-public-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 0.35rem;
}
.vm-creator-public-actions a,
.vm-creator-public-form button,
.vm-creator-public-login-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3.15rem;
  padding: 0 1.25rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  background: #111827;
  box-shadow: 0 16px 32px #0f172a29;
  transition: 0.18s ease;
}
.vm-creator-public-actions a:hover,
.vm-creator-public-form button:hover,
.vm-creator-public-login-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px #0f172a33;
}
.vm-creator-public-actions small {
  color: #64748b;
  font-weight: 750;
}
.vm-creator-public-commission {
  text-align: right;
}
.vm-creator-public-commission strong {
  display: block;
  color: #6f54ff;
  font-size: clamp(5.5rem, 12vw, 9rem);
  line-height: 0.82;
  letter-spacing: -0.08em;
}
.vm-creator-public-commission p {
  max-width: 18rem;
  margin: 1rem 0 0 auto;
  color: #475569;
  font-size: 1rem;
  line-height: 1.55;
}
.vm-creator-public-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(100, 116, 139, 0.16);
  border-bottom: 1px solid rgba(100, 116, 139, 0.16);
}
.vm-creator-public-steps article {
  display: grid;
  gap: 0.65rem;
  padding: clamp(1.2rem, 3vw, 2rem);
  border-right: 1px solid rgba(100, 116, 139, 0.16);
}
.vm-creator-public-steps article:last-child {
  border-right: 0;
}
.vm-creator-public-steps span {
  color: #6f54ff;
  font-size: 0.82rem;
  font-weight: 950;
}
.vm-creator-public-steps h2,
.vm-creator-public-apply h2,
.vm-creator-public-access h2 {
  margin: 0;
  color: #111827;
  letter-spacing: -0.055em;
}
.vm-creator-public-steps h2 {
  font-size: clamp(1.45rem, 2vw, 2rem);
}
.vm-creator-public-steps p {
  margin: 0;
  color: #52617a;
  line-height: 1.65;
}
.vm-creator-public-apply,
.vm-creator-public-access {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(20rem, 1fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  align-items: start;
  padding-top: clamp(0.6rem, 2vw, 1.2rem);
}
.vm-creator-public-apply > div,
.vm-creator-public-access > div {
  display: grid;
  gap: 0.8rem;
}
.vm-creator-public-apply h2,
.vm-creator-public-access h2 {
  max-width: 12ch;
  font-size: clamp(2.25rem, 5vw, 4.6rem);
  line-height: 0.95;
}
.vm-creator-public-apply p,
.vm-creator-public-access p,
.vm-creator-public-success p {
  margin: 0;
  color: #52617a;
  line-height: 1.7;
}
.vm-creator-public-form,
.vm-creator-public-login-form {
  display: grid;
  gap: 1.1rem;
}
.vm-creator-public-form label,
.vm-creator-public-login-form label {
  display: grid;
  gap: 0.45rem;
  color: #111827;
  font-size: 0.88rem;
  font-weight: 900;
}
.vm-creator-public-form input,
.vm-creator-public-login-form input {
  width: 100%;
  min-height: 3.25rem;
  border: 0;
  border-bottom: 1px solid rgba(100, 116, 139, 0.28);
  border-radius: 0;
  color: #111827;
  font: inherit;
  background: transparent;
  outline: none;
  transition: 0.18s ease;
}
.vm-creator-public-form input:focus,
.vm-creator-public-login-form input:focus {
  border-color: #6f54ff;
}
.vm-creator-public-form button,
.vm-creator-public-login-form button {
  justify-self: start;
  margin-top: 0.2rem;
  background: linear-gradient(135deg, #6f54ff, #ff6a1a);
}
.vm-creator-public-success {
  display: grid;
  gap: 0.6rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(100, 116, 139, 0.18);
}
.vm-creator-public-success strong {
  color: #111827;
  font-size: 1.35rem;
}
.vm-creator-public-access {
  padding-top: clamp(1.6rem, 4vw, 3rem);
  border-top: 1px solid rgba(100, 116, 139, 0.16);
}
.vm-creator-login-screen {
  position: relative;
  min-height: calc(100dvh - clamp(2rem, 6vw, 4.4rem));
}
.vm-creator-login-screen .vm-creator-public-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding-bottom: 0;
}
.vm-creator-login-screen-main {
  display: grid;
  min-height: calc(100dvh - clamp(2rem, 6vw, 4.4rem));
  margin-top: 0;
  place-items: center;
}
.vm-creator-login-screen .vm-creator-public-access {
  width: min(56rem, 100%);
  margin-inline: auto;
  padding: 0;
  border-top: 0;
  align-items: center;
  transform: translateY(-1.25rem);
}
.vm-creator-public-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: clamp(2.4rem, 6vw, 5rem);
  padding: 1.2rem 0 0;
  border-top: 1px solid rgba(100, 116, 139, 0.16);
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 750;
}
.vm-creator-public-footer div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.95rem;
  justify-content: flex-end;
}
.vm-creator-public-footer a {
  color: #475569;
  text-decoration: none;
  transition: 0.16s ease;
}
.vm-creator-public-footer a:hover {
  color: #6f54ff;
}
.vm-creator-dashboard {
  display: grid;
  gap: 1.1rem;
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.vm-creator-dashboard-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem) auto;
  gap: 1rem;
  align-items: stretch;
  min-height: 16rem;
  padding: clamp(1.4rem, 4vw, 2rem);
  border-radius: 1.6rem;
  border: 1px solid rgba(131, 146, 179, 0.16);
  box-shadow: 0 22px 60px #0f172a0f;
  background:
    linear-gradient(90deg, #fffffffa, #ffffffb8),
    radial-gradient(
      circle at 78% 18%,
      rgba(111, 84, 255, 0.2),
      transparent 20rem
    ),
    linear-gradient(135deg, #6f54ff1f, #1787ff14);
}
.vm-creator-dashboard-hero:after {
  content: "";
  position: absolute;
  inset: auto 2rem 1.2rem auto;
  width: 13rem;
  height: 13rem;
  border-radius: 999px;
  background: radial-gradient(
    circle,
    rgba(111, 84, 255, 0.16),
    transparent 68%
  );
  pointer-events: none;
}
.vm-creator-logout-button {
  position: relative;
  z-index: 1;
  width: 2.8rem;
  height: 2.8rem;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  background: #ffffffc7;
  box-shadow: inset 0 0 0 1px #8392b32e;
  transition: 0.18s ease;
}
.vm-creator-logout-button:hover {
  color: #ef4444;
  background: #fff1f2;
  transform: translateY(-1px);
}
.vm-creator-code-card {
  position: relative;
  z-index: 1;
  align-self: center;
  display: grid;
  gap: 0.75rem;
  padding: 1.1rem;
  border-radius: 1.35rem;
  background: #ffffffc7;
  box-shadow:
    inset 0 0 0 1px #6f54ff29,
    0 22px 48px #6f54ff1f;
}
.vm-creator-code-card span {
  font-size: 0.78rem;
  font-weight: 800;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.vm-creator-code-card strong {
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  line-height: 1;
  letter-spacing: 0.02em;
  color: #111827;
}
.vm-creator-code-card button {
  min-height: 2.65rem;
  border: 0;
  border-radius: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6);
  box-shadow: 0 14px 30px #6f54ff33;
  transition: 0.18s ease;
}
.vm-creator-code-card button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px #6f54ff47;
}
.vm-creator-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.vm-creator-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 1rem;
}
.vm-creator-chart-card {
  min-height: 16rem;
  display: grid;
  align-content: space-between;
  gap: 1.1rem;
  padding: 1.25rem;
  border-radius: 1.45rem;
  background: #ffffffc2;
  border: 1px solid rgba(131, 146, 179, 0.14);
  box-shadow: 0 18px 44px #0f172a0d;
}
.vm-creator-chart-card.is-wide {
  grid-column: 1 / -1;
  min-height: 13rem;
}
.vm-creator-chart-head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.vm-creator-chart-head strong {
  display: block;
  color: #111827;
  font-size: 1.05rem;
}
.vm-creator-chart-head p {
  margin: 0.15rem 0 0;
  color: #64748b;
}
.vm-creator-big-number {
  display: flex;
  align-items: end;
  gap: 0.5rem;
}
.vm-creator-big-number span {
  color: #111827;
  font-size: clamp(4.4rem, 10vw, 7rem);
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: -0.08em;
}
.vm-creator-big-number small {
  color: #64748b;
  font-weight: 800;
  margin-bottom: 0.4rem;
}
.vm-creator-client-meter,
.vm-creator-horizontal-track {
  overflow: hidden;
  border-radius: 999px;
  background: #6f54ff1a;
}
.vm-creator-client-meter {
  height: 0.72rem;
}
.vm-creator-client-meter span,
.vm-creator-horizontal-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f54ff, #8b5cf6);
}
.vm-creator-bars {
  height: 10.5rem;
  display: flex;
  align-items: end;
  gap: 0.7rem;
  padding: 0.8rem 0 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(111, 84, 255, 0.07) 1px, transparent 1px) 0 0 / 100%
      25%,
    transparent;
}
.vm-creator-purchase-ranking {
  display: grid;
  gap: 0.85rem;
  padding-top: 0.35rem;
}
.vm-creator-purchase-row {
  display: grid;
  grid-template-columns: minmax(5.5rem, 8rem) minmax(0, 1fr) 2rem;
  gap: 0.8rem;
  align-items: center;
}
.vm-creator-purchase-row > span {
  overflow: hidden;
  color: #475569;
  font-size: 0.84rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-creator-purchase-row strong {
  color: #111827;
  font-size: 0.95rem;
  text-align: right;
}
.vm-creator-purchase-track {
  height: 0.7rem;
  overflow: hidden;
  border-radius: 999px;
  background: #6f54ff1a;
}
.vm-creator-purchase-track i {
  display: block;
  height: 100%;
  min-width: 0.8rem;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f54ff, #8b5cf6);
  box-shadow: 0 10px 22px #6f54ff29;
}
.vm-creator-bar-item {
  flex: 1 1 0;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 0.45rem;
}
.vm-creator-bar-track {
  width: min(2.4rem, 100%);
  height: 8rem;
  display: flex;
  align-items: end;
  overflow: hidden;
  border-radius: 999px 999px 0.45rem 0.45rem;
  background: #6f54ff1a;
}
.vm-creator-bar-fill {
  width: 100%;
  min-height: 0.5rem;
  border-radius: inherit;
  background: linear-gradient(180deg, #8b5cf6, #6f54ff);
  box-shadow: 0 12px 26px #6f54ff3d;
}
.vm-creator-bar-item small {
  width: 100%;
  overflow: hidden;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-creator-horizontal-bars {
  display: grid;
  gap: 0.7rem;
}
.vm-creator-horizontal-row {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr) 5.2rem;
  gap: 0.8rem;
  align-items: center;
}
.vm-creator-horizontal-row > span {
  overflow: hidden;
  color: #475569;
  font-size: 0.82rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-creator-horizontal-row strong {
  color: #16a34a;
  font-size: 0.86rem;
  text-align: right;
}
.vm-creator-horizontal-track {
  height: 0.65rem;
}
.vm-creator-summary-card {
  min-height: 10rem;
  padding: 1.2rem;
  border-radius: 1.45rem;
  background: #fffc;
  border: 1px solid rgba(131, 146, 179, 0.14);
  box-shadow: 0 18px 42px #0f172a0d;
  display: grid;
  align-content: space-between;
  gap: 0.75rem;
  transition: 0.18s ease;
}
.vm-creator-summary-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 54px #6f54ff1a;
}
.vm-creator-summary-icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6f54ff;
  background: #6f54ff1a;
}
.vm-creator-summary-card.is-money .vm-creator-summary-icon,
.vm-creator-insight-card:first-child .vm-creator-summary-icon {
  color: #16a34a;
  background: #22c55e1f;
}
.vm-creator-summary-card.is-blue .vm-creator-summary-icon {
  color: #2563eb;
  background: #2563eb1a;
}
.vm-creator-summary-card strong {
  font-size: clamp(1.9rem, 4vw, 2.5rem);
  line-height: 1;
  color: #111827;
  letter-spacing: -0.04em;
}
.vm-creator-summary-card p {
  margin: 0;
  color: #60708a;
  font-weight: 700;
}
.vm-creator-insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-creator-insight-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background: #ffffff9e;
  border: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-insight-card strong {
  display: block;
  color: #111827;
  font-size: 1.25rem;
}
.vm-creator-insight-card p {
  margin: 0.15rem 0 0;
  color: #64748b;
}
.vm-creator-users-card {
  padding: clamp(1rem, 3vw, 1.35rem);
  border-radius: 1.5rem;
  background: #ffffffb8;
  border: 1px solid rgba(131, 146, 179, 0.14);
  display: grid;
  gap: 1rem;
}
.vm-creator-users-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}
.vm-creator-users-head h2 {
  margin: 0.25rem 0 0;
  color: #171f33;
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -0.04em;
}
.vm-creator-users-head p {
  margin: 0;
  color: #64748b;
  max-width: 25rem;
  text-align: right;
}
.vm-creator-users-list {
  display: grid;
  gap: 0.85rem;
}
.vm-creator-user-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(131, 146, 179, 0.14);
  transition: 0.18s ease;
}
.vm-creator-user-row:hover {
  transform: translate(3px);
  border-color: #6f54ff3d;
  box-shadow: none;
}
.vm-creator-user-person {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}
.vm-creator-user-avatar {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 900;
  background: linear-gradient(135deg, #6f54ff, #ff7a1a);
  box-shadow: 0 10px 24px #6f54ff2e;
}
.vm-creator-user-row strong,
.vm-creator-user-row span,
.vm-creator-user-meta strong,
.vm-creator-user-meta span {
  display: block;
}
.vm-creator-user-row span {
  color: #66758f;
  margin-top: 0.2rem;
}
.vm-creator-user-meta {
  text-align: right;
}
.vm-creator-user-meta span {
  color: #66758f;
  margin-bottom: 0.15rem;
}
.vm-creator-user-meta strong {
  color: #16a34a;
  font-size: 1.1rem;
}
.vm-creator-empty,
.vm-creator-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: #60708a;
  min-height: 6rem;
  border-radius: 0;
  background: transparent;
  border-top: 1px solid rgba(131, 146, 179, 0.14);
  border-bottom: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-loading-orb {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: #6f54ff;
  box-shadow: 0 0 #6f54ff59;
  animation: vmCreatorPulse 1.2s ease-in-out infinite;
}
@keyframes vmCreatorPulse {
  0%,
  to {
    transform: scale(0.9);
    box-shadow: 0 0 #6f54ff59;
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 0 0.45rem #6f54ff00;
  }
}
@media (max-width: 900px) {
  .vm-creator-page {
    padding: 0.85rem;
  }
  .vm-creator-landing-hero,
  .vm-creator-landing-grid {
    grid-template-columns: 1fr;
  }
  .vm-creator-landing-hero {
    min-height: auto;
    padding: 1.15rem;
    border-radius: 1.45rem;
  }
  .vm-creator-landing-copy h1 {
    max-width: 10ch;
    font-size: clamp(2.7rem, 16vw, 4.6rem);
  }
  .vm-creator-landing-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .vm-creator-landing-primary,
  .vm-creator-login-toggle {
    width: 100%;
    justify-content: center;
  }
  .vm-creator-how-panel,
  .vm-creator-apply-card,
  .vm-creator-existing-login {
    border-radius: 1.45rem;
    padding: 1rem;
  }
  .vm-creator-dashboard-hero {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .vm-creator-logout-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .vm-creator-summary-grid,
  .vm-creator-chart-grid,
  .vm-creator-insight-grid {
    grid-template-columns: 1fr;
  }
  .vm-creator-horizontal-row {
    grid-template-columns: 4.8rem minmax(0, 1fr) 4.6rem;
  }
  .vm-creator-users-head {
    align-items: start;
    flex-direction: column;
  }
  .vm-creator-users-head p {
    text-align: left;
  }
  .vm-creator-user-row {
    grid-template-columns: 1fr;
  }
  .vm-creator-user-meta {
    text-align: left;
  }
}
.vm-creator-page.is-dashboard {
  min-height: 100dvh;
  padding: 0;
  background: #f8fafc;
}
.vm-creator-page.is-dashboard .vm-creator-shell {
  width: 100%;
  min-height: 100dvh;
  margin: 0;
}
.vm-creator-app {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 16.5rem minmax(0, 1fr);
}
.vm-creator-sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  padding: 1.1rem 0.9rem;
  background:
    radial-gradient(
      circle at 18% 8%,
      rgba(111, 84, 255, 0.12),
      transparent 14rem
    ),
    #ffffffd1;
  border-right: 1px solid rgba(131, 146, 179, 0.16);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.vm-creator-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.65rem 0.85rem;
  border-bottom: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-sidebar-brand img {
  width: 2.3rem;
  height: 2.3rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-creator-sidebar-brand strong,
.vm-creator-sidebar-brand span {
  display: block;
}
.vm-creator-sidebar-brand strong {
  color: #111827;
  font-size: 1.05rem;
}
.vm-creator-sidebar-brand span {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 700;
}
.vm-creator-sidebar-nav {
  display: grid;
  gap: 0.35rem;
}
.vm-creator-sidebar-nav button,
.vm-creator-sidebar-logout {
  width: 100%;
  min-height: 2.9rem;
  border: 0;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0.85rem;
  color: #475569;
  background: transparent;
  font-weight: 850;
  text-align: left;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease;
}
.vm-creator-mobile-logout {
  display: none;
}
.vm-creator-sidebar-nav button:hover,
.vm-creator-sidebar-nav button.is-active {
  color: #fff;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6);
  transform: translate(2px);
  box-shadow: 0 14px 30px #6f54ff2e;
}
.vm-creator-sidebar-logout {
  margin-top: auto;
}
.vm-creator-sidebar-logout:hover {
  color: #ef4444;
  background: #fff1f2;
}
.vm-creator-main {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 1.1rem;
  padding: clamp(1rem, 3vw, 2rem);
  background:
    linear-gradient(180deg, #ffffffb8, #f8fafceb 36%, #f8fafc),
    radial-gradient(
      circle at 96% 0%,
      rgba(111, 84, 255, 0.055),
      transparent 22rem
    ),
    radial-gradient(
      circle at 0% 18%,
      rgba(96, 165, 250, 0.045),
      transparent 20rem
    );
}
.vm-creator-main:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 16.5rem;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(rgba(99, 102, 241, 0.035) 1px, transparent 1px) 0
    0 / 100% 4.5rem;
}
.vm-creator-hero-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 34rem);
  gap: 1.5rem;
  align-items: end;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-hero-strip h1 {
  margin: 0.5rem 0 0;
  color: #111827;
  font-size: clamp(2.6rem, 6vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.08em;
}
.vm-creator-hero-strip p {
  max-width: 34rem;
  margin: 0.8rem 0 0;
  color: #64748b;
  line-height: 1.65;
}
.vm-creator-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}
.vm-creator-hero-stats div {
  padding-left: 0.9rem;
  border-left: 1px solid rgba(131, 146, 179, 0.18);
}
.vm-creator-hero-stats span,
.vm-creator-hero-stats strong {
  display: block;
}
.vm-creator-hero-stats span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.vm-creator-hero-stats strong {
  margin-top: 0.35rem;
  color: #111827;
  font-size: clamp(1.35rem, 3vw, 2rem);
  letter-spacing: -0.05em;
}
.vm-creator-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18rem;
  gap: 1rem;
}
.vm-creator-main-chart,
.vm-creator-code-panel,
.vm-creator-analytics-board,
.vm-creator-table-panel,
.vm-creator-simple-panel {
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.vm-creator-main-chart,
.vm-creator-analytics-board,
.vm-creator-table-panel,
.vm-creator-simple-panel {
  padding: clamp(0.9rem, 2vw, 1.25rem) 0;
  border-top: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vm-creator-section-head h2 {
  margin: 0.35rem 0 0;
  color: #111827;
  font-size: clamp(1.35rem, 3vw, 2rem);
  letter-spacing: -0.05em;
}
.vm-creator-section-head p {
  max-width: 26rem;
  margin: 0;
  color: #64748b;
  text-align: right;
}
.vm-creator-code-panel {
  display: grid;
  align-content: center;
  gap: 0.75rem;
  min-height: 18rem;
  padding: 0.25rem 0 0.25rem 1rem;
  border-left: 1px solid rgba(131, 146, 179, 0.14);
  background:
    radial-gradient(
      circle at 80% 12%,
      rgba(111, 84, 255, 0.12),
      transparent 10rem
    ),
    transparent;
}
.vm-creator-code-panel > span {
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-creator-code-panel strong {
  color: #111827;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1;
  letter-spacing: -0.03em;
}
.vm-creator-code-panel p {
  margin: 0;
  color: #64748b;
  line-height: 1.55;
}
.vm-creator-code-panel button {
  min-height: 2.8rem;
  border: 0;
  border-radius: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  color: #fff;
  background: linear-gradient(135deg, #6f54ff, #8b5cf6);
  font-weight: 900;
}
.vm-creator-analytics-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.vm-creator-analytics-kpi {
  min-height: 16rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(12rem, 1fr);
  gap: 1rem;
  align-items: end;
  padding: clamp(1.1rem, 2.2vw, 1.5rem) 0;
  border: 0;
  border-top: 1px solid rgba(131, 146, 179, 0.14);
  border-radius: 0;
  background:
    radial-gradient(
      circle at 84% 16%,
      rgba(111, 84, 255, 0.12),
      transparent 10rem
    ),
    transparent;
  box-shadow: none;
  overflow: hidden;
}
.vm-creator-analytics-kpi.is-weekly {
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(34, 197, 94, 0.12),
      transparent 10rem
    ),
    radial-gradient(
      circle at 16% 100%,
      rgba(111, 84, 255, 0.06),
      transparent 12rem
    ),
    transparent;
}
.vm-creator-analytics-kpi h2 {
  margin: 0.55rem 0 0;
  color: #111827;
  font-size: clamp(2.2rem, 5vw, 3.55rem);
  line-height: 0.9;
  letter-spacing: -0.075em;
}
.vm-creator-analytics-kpi p {
  max-width: 22rem;
  margin: 0.7rem 0 0;
  color: #64748b;
  line-height: 1.55;
}
.vm-creator-mini-chart {
  height: 10.5rem;
  display: flex;
  align-items: end;
  gap: 0.55rem;
  padding: 0.85rem 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(111, 84, 255, 0.08) 1px, transparent 1px) 0 0 / 100%
      25%,
    transparent;
}
.vm-creator-mini-chart span {
  flex: 1 1 0;
  min-height: 0.65rem;
  border-radius: 999px 999px 0.35rem 0.35rem;
  background: linear-gradient(180deg, #8b5cf6, #6f54ff);
  box-shadow: 0 14px 28px #6f54ff33;
}
.vm-creator-weekly-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.42rem;
  align-self: center;
  padding: 0.9rem 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(34, 197, 94, 0.08) 1px, transparent 1px) 0 0 / 100% 33%,
    transparent;
}
.vm-creator-weekly-calendar span {
  height: 7.6rem;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0.38rem;
  align-items: end;
}
.vm-creator-weekly-calendar small {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
}
.vm-creator-weekly-calendar i {
  display: block;
  width: 100%;
  min-height: 0.55rem;
  border-radius: 0.55rem;
  background: #22c55e29;
  transition: height 0.26s cubic-bezier(0.22, 1, 0.36, 1);
}
.vm-creator-weekly-calendar span.is-payday i {
  background: linear-gradient(180deg, #22c55e, #16a34a);
  box-shadow: 0 16px 32px #16a34a33;
}
.vm-creator-weekly-calendar span.is-payday small {
  color: #047857;
}
.vm-creator-weekly-calendar em {
  overflow: hidden;
  color: #64748b;
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 850;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vm-creator-analytics-board {
  display: grid;
  gap: 1rem;
}
.vm-creator-simple-panel {
  max-width: 62rem;
}
.vm-creator-simple-panel h2 {
  margin: 0.8rem 0 0;
  color: #111827;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 0.98;
  letter-spacing: -0.07em;
}
.vm-creator-simple-panel > p {
  max-width: 42rem;
  color: #64748b;
  line-height: 1.65;
}
.vm-creator-simple-list {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.2rem;
}
.vm-creator-simple-list article {
  padding: 1rem 0;
  border-top: 1px solid rgba(131, 146, 179, 0.14);
}
.vm-creator-simple-list strong,
.vm-creator-simple-list span {
  display: block;
}
.vm-creator-simple-list strong {
  color: #111827;
}
.vm-creator-simple-list span {
  margin-top: 0.25rem;
  color: #64748b;
}
.vm-creator-settings-panel {
  width: min(42rem, 100%);
  display: grid;
  gap: 1.6rem;
  padding: clamp(0.4rem, 2vw, 0.8rem) 0;
}
.vm-creator-settings-head h2 {
  margin: 0.7rem 0 0;
  color: #111827;
  font-size: clamp(2.2rem, 5vw, 3.9rem);
  line-height: 0.94;
  letter-spacing: -0.075em;
}
.vm-creator-settings-head p {
  max-width: 38rem;
  margin: 0.85rem 0 0;
  color: #64748b;
  line-height: 1.65;
}
.vm-creator-settings-form {
  display: grid;
  gap: 0;
  margin-top: 0;
  border-top: 1px solid rgba(131, 146, 179, 0.16);
}
.vm-creator-settings-form .vm-settings-field {
  padding: 1.05rem 0;
  border-bottom: 1px solid rgba(131, 146, 179, 0.16);
}
.vm-creator-settings-form .vm-settings-field input {
  background: transparent;
}
.vm-creator-settings-message {
  margin: 1rem 0 0;
  color: #5f4ce3;
  font-weight: 850;
}
.vm-creator-settings-save {
  justify-self: start;
  min-width: 12rem;
  margin-top: 1rem;
  border: 0;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  box-shadow: 0 18px 34px #16a34a2e;
}
.vm-creator-settings-save:hover,
.vm-creator-settings-save:focus-visible {
  background: linear-gradient(135deg, #15803d, #16a34a);
  box-shadow: 0 22px 42px #16a34a3d;
}
.vm-creator-confirm-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: #0f172a47;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.vm-creator-confirm-card {
  width: min(32rem, 100%);
  padding: clamp(1.2rem, 3vw, 1.7rem);
  border: 1px solid rgba(131, 146, 179, 0.16);
  border-radius: 1.5rem;
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(111, 84, 255, 0.14),
      transparent 10rem
    ),
    #fffffff5;
  box-shadow: 0 32px 90px #0f172a2e;
}
.vm-creator-confirm-card h2 {
  margin: 0.55rem 0 0;
  color: #111827;
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  line-height: 0.98;
  letter-spacing: -0.07em;
}
.vm-creator-confirm-card p {
  margin: 0.85rem 0 0;
  color: #64748b;
  line-height: 1.65;
}
.vm-creator-confirm-actions {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 0.7rem;
  margin-top: 1.2rem;
}
@media (max-width: 980px) {
  .vm-creator-app {
    grid-template-columns: 1fr;
  }
  .vm-creator-sidebar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 90;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.45rem 0.7rem calc(0.35rem + env(safe-area-inset-bottom, 0px));
    border-right: 0;
    border-top: 1px solid rgba(229, 231, 235, 0.92);
    background:
      radial-gradient(
        circle at 12% 0%,
        rgba(111, 84, 255, 0.13),
        transparent 9rem
      ),
      radial-gradient(
        circle at 86% 100%,
        rgba(79, 140, 255, 0.09),
        transparent 8rem
      ),
      #fffffff0;
    box-shadow: 0 -14px 32px #4f38c914;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    overflow: hidden;
  }
  .vm-creator-sidebar-brand {
    display: none;
  }
  .vm-creator-main {
    padding: 1rem 1rem calc(6.4rem + env(safe-area-inset-bottom, 0px));
  }
  .vm-creator-sidebar-nav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(5.95rem, 1fr);
    gap: 0.45rem;
    min-width: 0;
    flex: 1 1 auto;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0.15rem 0.15rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .vm-creator-sidebar-nav::-webkit-scrollbar {
    display: none;
  }
  .vm-creator-sidebar-nav button,
  .vm-creator-mobile-logout {
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    min-height: 3.55rem;
    width: auto;
    min-width: 5.95rem;
    padding: 0.52rem 0.4rem;
    border: 1px solid rgba(209, 213, 219, 0.86);
    border-radius: 1.2rem;
    background: #ffffffb8;
    color: #111827;
    text-align: center;
    scroll-snap-align: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: none;
    box-shadow: none;
  }
  .vm-creator-sidebar-nav button svg,
  .vm-creator-mobile-logout svg {
    color: #6b7280;
  }
  .vm-creator-sidebar-nav button span,
  .vm-creator-mobile-logout span {
    font-size: 0.72rem;
    line-height: 1.1;
    text-align: center;
  }
  .vm-creator-sidebar-nav button:hover,
  .vm-creator-sidebar-nav button.is-active {
    border-color: #6f54ff47;
    background: linear-gradient(180deg, #6e56ff21, #6e56ff12);
    color: #5f4ce3;
    transform: none;
    box-shadow: 0 18px 36px #5a8bd61f;
  }
  .vm-creator-sidebar-nav button:hover svg,
  .vm-creator-sidebar-nav button.is-active svg {
    color: #5f4ce3;
  }
  .vm-creator-sidebar-logout {
    display: none;
  }
  .vm-creator-mobile-logout {
    display: flex;
  }
  .vm-creator-hero-strip,
  .vm-creator-dashboard-grid,
  .vm-creator-analytics-summary,
  .vm-creator-analytics-kpi,
  .vm-creator-hero-stats {
    grid-template-columns: 1fr;
  }
  .vm-creator-section-head {
    display: grid;
  }
  .vm-creator-section-head p {
    text-align: left;
  }
}
.vm-pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  height: 100%;
  min-height: auto;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 1.35rem;
  background: #ffffffd6;
  box-shadow: 0 18px 36px #1118270f;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease;
}
.vm-pricing-card:hover {
  transform: translateY(-4px);
  border-color: #6f54ff33;
  box-shadow: 0 24px 48px #11182714;
}
.vm-pricing-card.is-featured {
  border-color: #6f54ff6b;
  background: linear-gradient(180deg, #6f54ff1f, #ffffffeb);
  box-shadow: 0 20px 46px #6f54ff1c;
}
.vm-pricing-card.is-promo {
  border: 1px solid rgba(34, 197, 94, 0.48);
  padding-top: 2.85rem;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(34, 197, 94, 0.15),
      transparent 9rem
    ),
    linear-gradient(180deg, #dcfce7d1, #f0fdf46b 52%, #fffffff0);
  box-shadow: 0 20px 46px #22c55e1f;
}
.vm-pricing-card.is-promo:hover {
  border-color: #22c55e8f;
  box-shadow: 0 28px 56px #22c55e2e;
}
.vm-pricing-card.is-pro {
  border-color: #f95e0d73;
  background:
    radial-gradient(
      circle at top right,
      rgba(249, 94, 13, 0.2),
      transparent 8rem
    ),
    linear-gradient(180deg, #111827fa, #111827e6);
  color: #fff;
  box-shadow: 0 22px 52px #0f172a38;
}
.vm-pricing-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.vm-plan-weekly-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  padding: 0.42rem 0.55rem;
  border: 0;
  border-radius: 1.35rem 1.35rem 0 0;
  background: #dc2626;
  color: #fff;
  box-shadow: none;
}
.vm-plan-weekly-ribbon strong {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  color: inherit;
  font-size: 1.12rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  text-align: center;
  white-space: nowrap;
}
.vm-plan-weekly-ribbon em,
.vm-cv-manager-promo-timer em {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.08rem;
  min-width: 1.38rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-style: normal;
  line-height: 1;
}
.vm-plan-weekly-ribbon em:last-child,
.vm-cv-manager-promo-timer em:last-child {
  animation: vm-countdown-urgent-tick 1s steps(2, end) infinite;
}
.vm-plan-weekly-ribbon small,
.vm-cv-manager-promo-timer small {
  color: #ffffffc7;
  font-size: 0.52rem;
  font-weight: 950;
  line-height: 1;
}
.vm-plan-weekly-ribbon small {
  font-size: 0.66rem;
}
.vm-cv-home-weekly-ribbon {
  position: relative;
  width: calc(100% + 2.4rem);
  margin: -1.05rem -1.2rem 0;
  border-radius: 0;
}
.vm-pricing-card-head {
  display: grid;
  gap: 0.3rem;
  min-height: 0;
  align-content: start;
}
.vm-pricing-eyebrow {
  display: inline-flex;
  margin-bottom: 0.15rem;
  color: #6f54ff;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vm-pricing-card.is-promo .vm-pricing-eyebrow {
  color: #15803d;
}
.vm-pricing-card.is-pro .vm-pricing-eyebrow {
  color: #f59e2a;
}
.vm-pricing-card h2 {
  margin: 0;
  color: inherit;
  font-size: clamp(1.85rem, 3vw, 2.35rem);
  line-height: 0.96;
  letter-spacing: -0.05em;
}
.vm-cv-plan-title {
  display: flex;
  align-items: center;
  gap: 0.68rem;
}
.vm-cv-plan-credit-logos {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 40px;
  height: 40px;
}
.vm-cv-plan-credit-logos img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 0.52rem;
  filter: none;
  image-rendering: auto;
}
.vm-cv-plan-credit-logos.is-count-2,
.vm-cv-plan-credit-logos.is-count-3 {
  min-width: 58px;
}
.vm-cv-plan-credit-logos.is-count-3 {
  min-width: 72px;
}
.vm-cv-plan-credit-logos.is-count-2 img,
.vm-cv-plan-credit-logos.is-count-3 img {
  position: absolute;
  left: 0;
}
.vm-cv-plan-credit-logos.is-count-2 img:nth-child(1) {
  z-index: 2;
  transform: translateZ(0);
}
.vm-cv-plan-credit-logos.is-count-2 img:nth-child(2) {
  z-index: 1;
  transform: translate3d(16px, 0, 0);
  opacity: 1;
}
.vm-cv-plan-credit-logos.is-count-3 img:nth-child(1) {
  z-index: 3;
  transform: translateZ(0);
}
.vm-cv-plan-credit-logos.is-count-3 img:nth-child(2) {
  z-index: 2;
  transform: translate3d(16px, 0, 0);
  opacity: 1;
}
.vm-cv-plan-credit-logos.is-count-3 img:nth-child(3) {
  z-index: 1;
  transform: translate3d(32px, 0, 0);
  opacity: 1;
}
.vm-pricing-card p {
  margin: 0.2rem 0 0;
  color: #64748b;
  font-size: 0.95rem;
  line-height: 1.55;
}
.vm-pricing-card.is-pro p {
  color: #ffffffb8;
}
.vm-pricing-price {
  display: grid;
  gap: 0.22rem;
  min-height: 0;
  padding-top: 0.1rem;
}
.vm-pricing-price strong {
  display: block;
  font-size: 2.55rem;
  line-height: 0.92;
  letter-spacing: -0.05em;
}
.vm-pricing-card.is-promo .vm-pricing-price strong {
  color: #047857;
}
.vm-pricing-price span {
  margin-top: 0;
  color: #64748b;
  font-size: 0.88rem;
  line-height: 1.45;
}
.vm-pricing-card.is-pro .vm-pricing-price span {
  color: #ffffffb8;
}
.vm-pricing-old-price {
  position: relative;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  color: #64748b;
  font-size: 0.98rem;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: line-through;
  text-decoration-color: #ef4444f2;
  text-decoration-thickness: 0.16rem;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  opacity: 0.95;
}
.vm-pricing-old-price s {
  position: relative;
  display: inline-block;
  text-decoration-color: #ef4444;
  text-decoration-thickness: 0.16rem;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.vm-pricing-old-price s:after,
.vm-pricing-old-price:after {
  content: "";
  position: absolute;
  left: -0.18rem;
  right: -0.18rem;
  top: 50%;
  height: 0.16rem;
  border-radius: 999px;
  background: #ef4444eb;
  transform: translateY(-50%) rotate(-4deg);
  pointer-events: none;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  width: 100%;
  min-height: 3.75rem;
  margin: 0.7rem 0 0.45rem;
  padding: 0.78rem 0.82rem 0.86rem;
  border: 0;
  border-radius: 0.9rem;
  background: transparent;
  box-shadow: none;
}
.vm-plans-premium-card.vm-pricing-card.is-promo .vm-plan-promo-counter,
.vm-cv-plan-card.vm-pricing-card.is-promo .vm-plan-promo-counter {
  background: transparent;
  background-image: none;
  box-shadow: none;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  margin-top: -0.02rem;
}
.vm-plan-promo-fire {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.vm-plan-promo-clock {
  position: relative;
  display: inline-flex;
  width: 1.05rem;
  height: 1.05rem;
  border: 0.12rem solid #f97316;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, #ffffff 0 0.13rem, transparent 0.14rem),
    linear-gradient(145deg, #fff7ed, #ffedd5);
  box-shadow:
    0 0.16rem 0.45rem #f973162e,
    0 0 #f9731633;
}
.vm-plan-promo-clock:before,
.vm-plan-promo-clock:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.09rem;
  border-radius: 999px;
  background: #ea580c;
  transform-origin: 50% 100%;
}
.vm-plan-promo-clock:before {
  height: 0.34rem;
  transform: translate(-50%, -100%) rotate(0);
  animation: vm-promo-clock-minute 1.35s linear infinite;
}
.vm-plan-promo-clock:after {
  height: 0.25rem;
  background: #fb923c;
  transform: translate(-50%, -100%) rotate(90deg);
  animation: vm-promo-clock-hour 5.4s linear infinite;
}
@keyframes vm-promo-clock-minute {
  to {
    transform: translate(-50%, -100%) rotate(360deg);
  }
}
@keyframes vm-promo-clock-hour {
  to {
    transform: translate(-50%, -100%) rotate(450deg);
  }
}
.vm-pricing-card.is-promo .vm-plan-promo-counter div {
  display: block;
  min-width: 0;
  padding-right: 1.25rem;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter span {
  display: block;
  color: #166534;
  font-size: 0.66rem;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter br {
  display: none;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter strong {
  display: block;
  width: 100%;
  color: #047857;
  font-size: 0.92rem;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: none;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter i {
  position: relative;
  display: block;
  grid-column: 1 / -1;
  width: 100%;
  height: 0.34rem;
  min-height: 0.34rem;
  margin-top: 0.08rem;
  overflow: hidden;
  border-radius: 999px;
  background: #15803d24;
}
.vm-pricing-card.is-promo .vm-plan-promo-counter i:after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: max(var(--vm-promo-progress, 0%), 4%);
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e, #15803d);
}
.vm-pricing-features {
  display: grid;
  gap: 0.5rem;
  margin: 0.25rem 0 0;
  padding: 0;
  color: #374151;
  font-size: 0.92rem;
  line-height: 1.45;
  list-style: none;
  flex: 1 1 auto;
  align-content: start;
}
.vm-cv-plan-card.vm-pricing-card {
  align-self: center;
  height: auto;
}
.vm-cv-plan-card .vm-cv-plan-benefits.vm-pricing-features {
  flex: 0 0 auto;
}
.vm-pricing-card.is-pro .vm-pricing-features {
  color: #ffffffb8;
}
.vm-pricing-features li {
  display: block;
}
.vm-pricing-features svg {
  display: none;
}
.vm-pricing-features li:before {
  content: "";
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.5rem;
  border-radius: 999px;
  background: #f36c21;
  vertical-align: 0.12rem;
}
.vm-pricing-button {
  width: 100%;
  min-height: 3.15rem;
  margin-top: 0.2rem;
  border-radius: 1rem;
}
.vm-pricing-button[data-plan-code="growth"] {
  background: linear-gradient(135deg, #22c55e, #15803d);
  border-color: #16a34a;
  color: #fff;
  box-shadow: 0 14px 30px #22c55e3d;
}
.vm-pricing-button[data-plan-code="growth"]:hover:not(:disabled),
.vm-pricing-button[data-plan-code="growth"]:focus-visible {
  background: linear-gradient(135deg, #16a34a, #166534);
  border-color: #15803d;
  color: #fff;
  box-shadow: 0 18px 36px #22c55e4d;
}
.vm-pricing-card.is-pro .vm-pricing-button,
.vm-pricing-button.is-dark,
.vm-pricing-button.is-pro-cta {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  border-color: #ea580c;
  color: #fff;
  box-shadow: 0 12px 26px #f973163d;
}
@media (max-width: 900px) {
  .vm-creator-page.is-login {
    padding: 0.85rem 0;
  }
  .vm-creator-page.is-login .vm-creator-shell {
    width: calc(100% - 1.5rem);
  }
  .vm-creator-public-page {
    min-height: auto;
  }
  .vm-creator-public-nav {
    padding-bottom: 1.6rem;
  }
  .vm-creator-public-hero,
  .vm-creator-public-apply,
  .vm-creator-public-access {
    grid-template-columns: 1fr;
  }
  .vm-creator-public-hero {
    gap: 1.7rem;
    padding-top: 0.6rem;
  }
  .vm-creator-public-hero h1 {
    max-width: 10.5ch;
    font-size: clamp(3.25rem, 16vw, 4.8rem);
  }
  .vm-creator-public-commission {
    text-align: left;
  }
  .vm-creator-public-commission p {
    margin-left: 0;
  }
  .vm-creator-public-steps {
    grid-template-columns: 1fr;
  }
  .vm-creator-public-steps article,
  .vm-creator-public-steps article:last-child {
    border-right: 0;
    border-bottom: 1px solid rgba(100, 116, 139, 0.16);
  }
  .vm-creator-public-steps article:last-child {
    border-bottom: 0;
  }
  .vm-creator-public-apply h2,
  .vm-creator-public-access h2 {
    max-width: 11ch;
    font-size: clamp(2.2rem, 12vw, 3.7rem);
  }
  .vm-creator-public-form button,
  .vm-creator-public-login-form button {
    width: 100%;
  }
  .vm-creator-login-screen .vm-creator-public-nav {
    position: static;
  }
  .vm-creator-login-screen-main {
    min-height: calc(100dvh - 8rem);
  }
  .vm-creator-login-screen .vm-creator-public-access {
    transform: none;
  }
  .vm-creator-public-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .vm-creator-public-footer div {
    justify-content: flex-start;
  }
  .vm-cv-jobs-hero {
    align-items: stretch;
  }
  .vm-cv-jobs-best-button {
    width: 100%;
  }
  .vm-cv-jobs-search-card,
  .vm-cv-jobs-results-grid {
    grid-template-columns: 1fr;
  }
  .vm-cv-jobs-search-card {
    position: sticky;
    top: 0;
    z-index: 24;
    gap: 0;
    padding: 0.72rem;
    border-radius: 0 0 0.9rem 0.9rem;
    background: #fffffff5;
    box-shadow: 0 10px 24px #0f172a14;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    will-change: transform, opacity;
    transition:
      transform 0.26s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.18s ease,
      visibility 0.26s,
      box-shadow 0.24s ease,
      background-color 0.24s ease;
  }
  .vm-cv-jobs-search-card.is-scroll-hidden:not(.is-open) {
    visibility: hidden;
    opacity: 0;
    transform: translateY(calc(-100% - 0.8rem));
    pointer-events: none;
    box-shadow: none;
  }
  .vm-cv-jobs-filter-toggle {
    display: none;
  }
  .vm-cv-jobs-field,
  .vm-cv-jobs-sources,
  .vm-cv-jobs-filter-toggle,
  .vm-cv-jobs-actions,
  .vm-cv-jobs-search-button {
    grid-column: 1 / -1;
  }
  .vm-cv-jobs-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vm-cv-jobs-actions .vm-cv-jobs-best-button,
  .vm-cv-jobs-search-button {
    width: 100%;
  }
  .vm-cv-jobs-actions .vm-cv-jobs-search-button,
  .vm-cv-jobs-actions .vm-cv-jobs-best-button {
    grid-column: auto;
  }
  .vm-cv-jobs-field.is-keyword > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .vm-cv-jobs-field.is-keyword input {
    min-height: 3.15rem;
    padding-inline: 1rem;
    border-color: #6f54ff3d;
    background: #fff;
    font-size: 0.95rem;
  }
  .vm-cv-jobs-mobile-reveal {
    grid-column: 1 / -1;
    display: grid;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-0.45rem);
    pointer-events: none;
    transition:
      max-height 0.36s cubic-bezier(0.22, 1, 0.36, 1),
      margin-top 0.28s ease,
      opacity 0.22s ease,
      transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .vm-cv-jobs-mobile-reveal-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.68rem;
    min-height: 0;
    max-height: calc(100dvh - 10.5rem);
    padding-right: 0.1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .vm-cv-jobs-search-card.is-open {
    box-shadow: 0 18px 38px #0f172a24;
  }
  .vm-cv-jobs-search-card.is-open .vm-cv-jobs-mobile-reveal {
    max-height: calc(100dvh - 8rem);
    margin-top: 0.72rem;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .vm-cv-jobs-mobile-reveal .vm-cv-jobs-field,
  .vm-cv-jobs-mobile-reveal .vm-cv-jobs-sources,
  .vm-cv-jobs-mobile-reveal .vm-cv-jobs-actions {
    grid-column: 1 / -1;
  }
  .vm-cv-jobs-sources div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .vm-cv-jobs-sources button {
    min-width: 0;
    padding-inline: 0.45rem;
  }
  .vm-cv-jobs-results-head {
    display: grid;
    justify-items: start;
  }
  .vm-cv-jobs-ai-loading {
    min-height: calc(100dvh - 11rem);
    padding: 1.5rem 1rem;
  }
  .vm-cv-jobs-ai-result {
    padding: 1rem;
  }
  .vm-cv-jobs-ai-result-heading {
    display: grid;
  }
  .vm-cv-jobs-ai-result-heading .vm-cv-job-match-score {
    width: 100%;
    justify-content: center;
  }
  .vm-cv-jobs-ai-result .vm-cv-job-result-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.hover\:border-brand-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(166 228 159 / var(--tw-border-opacity, 1));
}
@media (min-width: 768px) {
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}