/*
 * Kavenio CV v4.1.18 — Premium Public Experience
 * Late-loading, public-surface-only design layer.
 * Keeps product logic and editor/ATS engines untouched.
 */

:root {
  --v418-bg: #050914;
  --v418-bg-soft: #0a1020;
  --v418-surface: rgba(14, 22, 39, 0.78);
  --v418-surface-strong: rgba(12, 19, 34, 0.94);
  --v418-surface-soft: rgba(255, 255, 255, 0.055);
  --v418-ink: #f8fafc;
  --v418-muted: #9ca9bb;
  --v418-soft: #d3dbe7;
  --v418-accent: #f5c542;
  --v418-accent-2: #ffe278;
  --v418-accent-dark: #b8890b;
  --v418-blue: #6da7ff;
  --v418-green: #4ade80;
  --v418-danger: #fb7185;
  --v418-line: rgba(255, 255, 255, 0.11);
  --v418-line-strong: rgba(245, 197, 66, 0.34);
  --v418-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
  --v418-shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.24);
  --v418-radius-xl: 32px;
  --v418-radius-lg: 24px;
  --v418-radius-md: 18px;
  --v418-container: 1180px;
}

body.v418-premium-public {
  --v418-font: "Inter", "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100vh;
  color: var(--v418-ink);
  background:
    radial-gradient(circle at 14% -8%, rgba(245, 197, 66, 0.13), transparent 31%),
    radial-gradient(circle at 88% 2%, rgba(75, 125, 255, 0.13), transparent 29%),
    radial-gradient(circle at 50% 115%, rgba(22, 163, 165, 0.08), transparent 28%),
    linear-gradient(180deg, var(--v418-bg) 0%, #07101d 52%, #040711 100%);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.v418-premium-public::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 84%);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 84%);
}

body.v418-premium-public * { box-sizing: border-box; }
body.v418-premium-public ::selection { background: var(--v418-accent); color: #111827; }
body.v418-premium-public a { text-underline-offset: 3px; }
body.v418-premium-public :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 2px solid var(--v418-accent-2) !important;
  outline-offset: 3px;
}

/* shared interaction polish */
.v418-premium-public :is(.btn,.kvtool-btn,.kv2-btn,.primary,.auth-submit,.btn-primary,.btn-secondary,.google-login-btn,.js-buy-package) {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease, filter .22s ease;
}
.v418-premium-public :is(.btn,.kvtool-btn,.kv2-btn,.primary,.auth-submit,.btn-primary,.google-login-btn,.js-buy-package):hover {
  transform: translateY(-2px);
}
.v418-premium-public :is(.template-card,.plan-card,.contact-item,.kvtool-meta-item,.kvtool-trust__item,.pricing-card) {
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
.v418-premium-public :is(.template-card,.plan-card,.contact-item,.kvtool-meta-item,.kvtool-trust__item,.pricing-card):hover {
  transform: translateY(-4px);
  border-color: rgba(245,197,66,.28) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.24);
}

/* ---------------------------------------------------------
   LANDING / MARKETING
--------------------------------------------------------- */
body.v418-landing.landing-v2 {
  background:
    radial-gradient(circle at 10% -6%, rgba(245,197,66,.14), transparent 28%),
    radial-gradient(circle at 88% 7%, rgba(74,116,255,.15), transparent 31%),
    linear-gradient(180deg, #050914 0%, #07101d 58%, #03060e 100%) !important;
}
.v418-landing .site-bg .grid-glow { opacity: .68; }
.v418-landing .topbar {
  top: 12px;
  min-height: 72px;
  padding: 10px 13px !important;
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(6,10,21,.72) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}
.v418-landing .brand-mark {
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.22);
}
.v418-landing .topnav {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.07) !important;
}
.v418-landing .topnav a:hover { color: #fff !important; background: rgba(255,255,255,.075) !important; }
.v418-landing .language-pill { background: rgba(255,255,255,.025); }
.v418-landing .btn-primary {
  background: linear-gradient(135deg, #f7ca49 0%, #ffe37a 100%) !important;
  color: #171a24 !important;
  box-shadow: 0 10px 28px rgba(245,197,66,.20) !important;
}
.v418-landing .btn-primary:hover { box-shadow: 0 14px 36px rgba(245,197,66,.32) !important; filter: brightness(1.04); }
.v418-landing .hero {
  min-height: min(830px, calc(100vh - 92px));
  padding-block: 76px 68px !important;
  gap: clamp(32px,5vw,70px) !important;
}
.v418-landing .eyebrow,
.v418-landing .section-kicker {
  border-color: rgba(245,197,66,.30) !important;
  background: rgba(245,197,66,.085) !important;
  color: #ffe48a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.v418-landing .hero h1 {
  max-width: 760px;
  font-size: clamp(2.65rem, 5.2vw, 5.25rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.045em !important;
  margin-block: 24px 20px !important;
  background: linear-gradient(115deg, #ffffff 8%, #e5eaf2 58%, #f8da78 112%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
html[dir="rtl"] .v418-landing .hero h1 { letter-spacing: -.025em !important; }
.v418-landing .hero-lead {
  max-width: 700px !important;
  color: #aab6c7 !important;
  font-size: clamp(1rem,1.5vw,1.18rem) !important;
  line-height: 1.9 !important;
}
.v418-landing .trust-row {
  padding: 15px 18px;
  width: fit-content;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.v418-landing .hero-preview {
  position: relative;
  isolation: isolate;
  border-color: rgba(255,255,255,.13) !important;
  background: linear-gradient(180deg,rgba(20,29,50,.80),rgba(8,13,26,.88)) !important;
  box-shadow: 0 36px 100px rgba(0,0,0,.43), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.v418-landing .hero-preview::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(245,197,66,.22), transparent 38%, rgba(93,134,255,.15));
  opacity: .5;
  filter: blur(20px);
}
.v418-landing .preview-frame {
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.v418-landing .compact-stats {
  margin-top: 8px;
  border-block: 1px solid rgba(255,255,255,.06);
}
.v418-landing .section { padding-block: clamp(72px,8vw,112px) !important; }
.v418-landing .section-head { max-width: 760px; margin-inline: auto; text-align: center; }
.v418-landing .section-head .section-kicker { margin-inline: auto; }
.v418-landing .section-head h2 {
  color: #fff;
  font-size: clamp(2rem,3.7vw,3.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em;
}
.v418-landing .section-head p { color: #9eabba !important; line-height: 1.9; }
.v418-landing :is(.template-card,.plan-card,.faq-grid > *, .process-grid > *) {
  border-color: rgba(255,255,255,.105) !important;
  background: linear-gradient(180deg,rgba(18,27,47,.72),rgba(9,14,27,.79)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 16px 55px rgba(0,0,0,.18);
}
.v418-landing .template-card.featured,
.v418-landing .plan-card.plan-pro {
  border-color: rgba(245,197,66,.30) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,226,120,.10) !important;
}
.v418-landing .final-cta {
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(245,197,66,.22) !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(245,197,66,.14), transparent 35%),
    radial-gradient(circle at 90% 70%, rgba(84,120,255,.14), transparent 38%),
    linear-gradient(135deg, rgba(19,28,48,.94), rgba(7,12,24,.96)) !important;
  box-shadow: 0 32px 80px rgba(0,0,0,.38) !important;
}
.v418-landing .footer {
  border-top: 1px solid rgba(255,255,255,.075) !important;
  color: #9ca9bb !important;
}
.v418-landing .footer a:hover { color: #ffe278 !important; }
.v418-landing .whatsapp-fab {
  box-shadow: 0 16px 44px rgba(0,0,0,.30) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
}

/* ---------------------------------------------------------
   COMPANY PAGES — ABOUT / CONTACT
--------------------------------------------------------- */
.v418-company .public-nav {
  position: sticky !important;
  top: 14px !important;
  z-index: 60 !important;
  margin-top: 14px !important;
  min-height: 72px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  background: rgba(6,10,20,.76) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}
.v418-company .public-brand img { box-shadow: 0 8px 20px rgba(0,0,0,.22); }
.v418-company .public-actions a { border-radius: 999px !important; }
.v418-company .public-actions a:not(.primary):hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.v418-company .public-actions .primary {
  color: #171a22 !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  box-shadow: 0 9px 26px rgba(245,197,66,.18);
}
.v418-company .public-main { padding-top: clamp(82px,10vw,128px) !important; }
.v418-company .public-hero {
  max-width: 830px !important;
  margin-bottom: 42px !important;
}
.v418-company .public-eyebrow {
  display: inline-flex !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245,197,66,.28) !important;
  background: rgba(245,197,66,.08) !important;
  color: #ffe48a !important;
  font-weight: 800 !important;
}
.v418-company .public-hero h1 {
  margin: 18px 0 16px !important;
  font-size: clamp(2.6rem,5vw,4.9rem) !important;
  line-height: 1.04 !important;
}
.v418-company .public-hero p { max-width: 700px; margin-inline: auto; font-size: 1.12rem !important; }
.v418-company .last-updated {
  display: inline-flex;
  margin-top: 14px;
  color: #7f8ca0 !important;
  font-size: .82rem;
}
.v418-company .public-card {
  position: relative;
  overflow: hidden;
  padding: clamp(28px,4vw,48px) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg,rgba(18,27,47,.84),rgba(8,13,25,.87)) !important;
  box-shadow: var(--v418-shadow) !important;
}
.v418-company .public-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 240px;
  height: 240px;
  background: radial-gradient(circle,rgba(245,197,66,.08),transparent 70%);
  pointer-events: none;
}
.v418-company .public-card h2 {
  margin-top: 34px !important;
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,.075);
  font-size: clamp(1.25rem,2.3vw,1.65rem) !important;
}
.v418-company .public-card h2:first-child { margin-top: 0 !important; padding-top: 0; border-top: 0; }
.v418-company .public-card p { color: #aab6c7 !important; font-size: 1rem; line-height: 2 !important; }
.v418-company .contact-grid { margin-block: 26px 10px !important; }
.v418-company .contact-item {
  min-height: 142px;
  padding: 24px !important;
  border-color: rgba(255,255,255,.095) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
}
.v418-company .contact-item strong { display: inline-block; margin-bottom: 7px; font-size: 1.02rem; }
.v418-company .contact-item a { color: #ffe278 !important; }
.v418-company .public-footer {
  border-top: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(2,5,12,.45) !important;
}
.v418-company .public-footer-grid { gap: 28px !important; }
.v418-company .public-footer a:hover { color: #ffe278 !important; }

/* ---------------------------------------------------------
   LEGAL — editorial, calm, credible
--------------------------------------------------------- */
.v418-legal .kv2-site-header { padding-top: 14px !important; }
.v418-legal .kv2-site-header__bar {
  min-height: 72px !important;
  border-color: rgba(255,255,255,.115) !important;
  background: rgba(6,10,20,.76) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}
.v418-legal .kv2-site-brand__mark { box-shadow: 0 7px 18px rgba(0,0,0,.22); }
.v418-legal .kv2-site-nav__link:hover { color: #fff !important; }
.v418-legal .kv2-btn--primary {
  color: #171a22 !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  border-color: transparent !important;
}
.v418-legal .kv2-legal-main { padding-top: clamp(56px,8vw,90px) !important; }
.v418-legal .kv2-legal-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(30px,4vw,48px) !important;
  border-color: rgba(255,255,255,.11) !important;
  background:
    radial-gradient(circle at 8% 0%,rgba(245,197,66,.11),transparent 30%),
    linear-gradient(135deg,rgba(18,28,50,.90),rgba(9,14,27,.82)) !important;
  box-shadow: var(--v418-shadow-soft) !important;
}
.v418-legal .kv2-eyebrow {
  display: inline-flex !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(245,197,66,.27) !important;
  background: rgba(245,197,66,.075) !important;
  color: #ffe48a !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
.v418-legal .kv2-legal-hero h1 {
  margin-block: 15px 13px !important;
  font-size: clamp(2.35rem,4.5vw,4.25rem) !important;
  line-height: 1.05 !important;
}
.v418-legal .kv2-legal-updated {
  align-self: flex-end;
  display: inline-flex;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  color: #9aa8ba !important;
  background: rgba(255,255,255,.035);
  font-size: .8rem;
}
.v418-legal .kv2-legal-layout { gap: 26px !important; }
.v418-legal .kv2-legal-toc {
  top: 110px !important;
  padding: 20px !important;
  border-color: rgba(255,255,255,.10) !important;
  background: rgba(11,18,33,.82) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.25) !important;
}
.v418-legal .kv2-legal-toc strong {
  display: block;
  margin-bottom: 12px;
  font-size: .84rem;
  letter-spacing: .02em;
  color: #fff !important;
}
.v418-legal .kv2-legal-toc a {
  display: block;
  padding: 8px 10px;
  margin: 2px 0;
  border-radius: 10px;
  line-height: 1.5;
  transition: background .2s ease,color .2s ease;
}
.v418-legal .kv2-legal-toc a:hover { background: rgba(245,197,66,.075); color: #ffe278 !important; }
.v418-legal .kv2-legal-document {
  padding: clamp(30px,4.5vw,54px) !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg,#fffefa,#f8fafc) !important;
  box-shadow: 0 38px 100px rgba(0,0,0,.38) !important;
}
.v418-legal .kv-legal-section { scroll-margin-top: 120px; }
.v418-legal .kv-legal-section h2 {
  font-size: clamp(1.24rem,2vw,1.55rem) !important;
  letter-spacing: -.01em;
}
.v418-legal .kv-legal-section p,
.v418-legal .kv-legal-section li { font-size: .98rem; line-height: 2 !important; }
.v418-legal .kv2-site-footer {
  border-top: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(2,5,12,.48) !important;
}
.v418-legal .kv2-site-footer__link:hover { color: #ffe278 !important; }
.v418-legal .kv2-whatsapp { box-shadow: 0 15px 40px rgba(0,0,0,.28) !important; }

/* ---------------------------------------------------------
   ATS / JOB MATCH — premium acquisition tools
--------------------------------------------------------- */
.v418-tool.kv-tool-v2 {
  background:
    radial-gradient(circle at 12% -4%,rgba(245,197,66,.12),transparent 28%),
    radial-gradient(circle at 88% 3%,rgba(82,122,255,.14),transparent 31%),
    linear-gradient(180deg,#050914 0%,#07101d 56%,#040711 100%) !important;
}
.v418-tool .kvtool-header {
  padding-top: 14px !important;
  background: transparent !important;
}
.v418-tool .kvtool-header__inner {
  min-height: 72px !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  border-radius: 999px !important;
  background: rgba(6,10,20,.76) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}
.v418-tool .kvtool-brand__mark { box-shadow: 0 7px 18px rgba(0,0,0,.22); }
.v418-tool .kvtool-nav a:hover { color: #fff !important; background: rgba(255,255,255,.055) !important; }
.v418-tool .kvtool-btn--primary {
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  color: #171a22 !important;
  border-color: transparent !important;
  box-shadow: 0 9px 26px rgba(245,197,66,.18) !important;
}
.v418-tool .kvtool-page { padding-top: clamp(54px,7vw,82px) !important; }
.v418-tool .kvtool-hero {
  gap: clamp(28px,4.5vw,60px) !important;
  align-items: center !important;
  padding-bottom: 38px !important;
}
.v418-tool .kvtool-eyebrow {
  border-color: rgba(245,197,66,.30) !important;
  background: rgba(245,197,66,.085) !important;
  color: #ffe48a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}
.v418-tool .kvtool-hero h1 {
  font-size: clamp(2.55rem,4.8vw,4.65rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  max-width: 760px;
}
html[dir="rtl"] .v418-tool .kvtool-hero h1 { letter-spacing: -.018em !important; }
.v418-tool .kvtool-hero__lead { color: #aab6c7 !important; font-size: clamp(1rem,1.5vw,1.15rem) !important; line-height: 1.9 !important; }
.v418-tool .kvtool-hero__meta {
  padding: 12px !important;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
  background: rgba(255,255,255,.025);
}
.v418-tool .kvtool-meta-item {
  border-color: rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.028) !important;
}
.v418-tool .kvtool-meta-icon { color: #ffe278 !important; background: rgba(245,197,66,.08) !important; border-color: rgba(245,197,66,.19) !important; }
.v418-tool .kvtool-workbench {
  position: relative;
  border: 1px solid rgba(255,255,255,.105) !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg,rgba(16,25,44,.88),rgba(7,12,24,.90)) !important;
  box-shadow: 0 34px 95px rgba(0,0,0,.38) !important;
  overflow: hidden;
}
.v418-tool .kvtool-workbench::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(245,197,66,.44),transparent);
}
.v418-tool .kvtool-workbench__head { border-bottom-color: rgba(255,255,255,.075) !important; }
.v418-tool .checker-modes {
  border-color: rgba(255,255,255,.10) !important;
  background: rgba(2,6,15,.44) !important;
}
.v418-tool .mode-btn.active,
.v418-tool .mode-btn.is-active {
  color: #151922 !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  box-shadow: 0 7px 22px rgba(245,197,66,.18) !important;
}
.v418-tool .kvtool-input-panel,
.v418-tool .kvtool-result-panel {
  border-color: rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018)) !important;
}
.v418-tool .dropzone {
  min-height: 330px !important;
  border-color: rgba(245,197,66,.30) !important;
  background:
    radial-gradient(circle at 50% 35%,rgba(245,197,66,.07),transparent 38%),
    rgba(255,255,255,.018) !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.v418-tool .dropzone:hover,
.v418-tool .dropzone.dragover {
  border-color: rgba(255,226,120,.62) !important;
  background: rgba(245,197,66,.045) !important;
}
.v418-tool .kvtool-upload-icon {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 28px rgba(0,0,0,.20);
}
.v418-tool .kvtool-result-panel { box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.v418-tool .score-ring { filter: drop-shadow(0 12px 28px rgba(0,0,0,.18)); }
.v418-tool .kvtool-trust__item {
  border-color: rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.02)) !important;
}
.v418-tool .kvtool-trust__icon { color: #ffe278 !important; }
.v418-tool .kvtool-disclaimer { max-width: 850px; margin-inline: auto !important; }
.v418-tool .kvtool-footer {
  border-top-color: rgba(255,255,255,.075) !important;
  background: rgba(2,5,12,.42) !important;
}
.v418-tool .kvtool-footer a:hover { color: #ffe278 !important; }

/* ---------------------------------------------------------
   AUTH — product entry, not just a form
--------------------------------------------------------- */
body.v418-auth {
  background:
    radial-gradient(circle at 10% 0%,rgba(245,197,66,.14),transparent 30%),
    radial-gradient(circle at 90% 8%,rgba(81,124,255,.16),transparent 32%),
    linear-gradient(180deg,#050914,#07101d 60%,#040711) !important;
}
.v418-auth .auth-page-shell { min-height: 100vh; padding: 22px 20px 48px !important; }
.v418-auth .auth-wrapper { width: min(1120px,100%) !important; }
.v418-auth .auth-topbar {
  min-height: 70px;
  padding: 10px 14px !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  border-radius: 999px !important;
  background: rgba(6,10,20,.74) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.27) !important;
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}
.v418-auth .auth-brand-logo { box-shadow: 0 7px 18px rgba(0,0,0,.22); }
.v418-auth .auth-card {
  margin-top: clamp(36px,7vh,76px) !important;
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 34px !important;
  background: rgba(8,13,25,.82) !important;
  box-shadow: 0 38px 110px rgba(0,0,0,.42) !important;
  backdrop-filter: blur(18px);
}
.v418-auth .auth-card-info {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 5%,rgba(245,197,66,.16),transparent 35%),
    radial-gradient(circle at 85% 80%,rgba(76,117,255,.16),transparent 40%),
    linear-gradient(145deg,#101a30,#090e1c) !important;
  border-inline-end: 1px solid rgba(255,255,255,.08);
}
.v418-auth .auth-card-info::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(circle at center,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(to bottom,black,transparent 88%);
  mask-image: linear-gradient(to bottom,black,transparent 88%);
}
.v418-auth .auth-card-info-inner { position: relative; z-index: 1; }
.v418-auth .auth-kicker {
  border: 1px solid rgba(245,197,66,.26) !important;
  background: rgba(245,197,66,.08) !important;
  color: #ffe48a !important;
}
.v418-auth .auth-card-info h1 { color: #fff !important; font-size: clamp(2rem,3.5vw,3rem) !important; line-height: 1.15 !important; }
.v418-auth .auth-card-info p { color: #aab6c7 !important; line-height: 1.9 !important; }
.v418-auth .auth-benefits li {
  border-color: rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.035) !important;
}
.v418-auth .auth-card-form { background: rgba(10,15,28,.94) !important; padding: clamp(28px,4.5vw,54px) !important; }
.v418-auth .auth-form-head h2 { color: #fff !important; font-size: clamp(1.7rem,2.8vw,2.25rem) !important; }
.v418-auth .auth-form-head p,
.v418-auth .auth-footer-note { color: #94a3b8 !important; }
.v418-auth .auth-tabs {
  padding: 5px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
}
.v418-auth .auth-tab { border-radius: 12px !important; color: #9ca9bb !important; }
.v418-auth .auth-tab.is-active {
  color: #161a23 !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  box-shadow: 0 7px 22px rgba(245,197,66,.17) !important;
}
.v418-auth .field-control {
  min-height: 52px !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 14px !important;
  background: rgba(3,7,17,.52) !important;
  color: #fff !important;
}
.v418-auth .field-control:focus {
  border-color: rgba(245,197,66,.52) !important;
  box-shadow: 0 0 0 4px rgba(245,197,66,.08) !important;
}
.v418-auth .auth-submit {
  min-height: 53px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  color: #161a23 !important;
  box-shadow: 0 12px 30px rgba(245,197,66,.18) !important;
}
.v418-auth .google-login-btn {
  min-height: 50px !important;
  border-color: rgba(255,255,255,.11) !important;
  background: rgba(255,255,255,.045) !important;
  color: #eef2f7 !important;
}
.v418-auth .auth-legal-links { border-top-color: rgba(255,255,255,.075) !important; }
.v418-auth .auth-legal-links a:hover { color: #ffe278 !important; }

/* ---------------------------------------------------------
   CHECKOUT — premium conversion shell while preserving logic
--------------------------------------------------------- */
body.v418-checkout {
  background:
    radial-gradient(circle at 12% -2%,rgba(245,197,66,.13),transparent 30%),
    radial-gradient(circle at 88% 4%,rgba(84,126,255,.15),transparent 31%),
    linear-gradient(180deg,#050914,#07101d 60%,#040711) !important;
}
.v418-checkout .resume-dashboard-shell { width: min(1180px,calc(100% - 32px)) !important; }
.v418-checkout .resume-dashboard-header {
  margin-top: 14px !important;
  min-height: 72px !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  border-radius: 999px !important;
  background: rgba(6,10,20,.76) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}
.v418-checkout .resume-dashboard-title {
  margin-top: clamp(58px,8vw,92px) !important;
  text-align: center;
  max-width: 820px;
  margin-inline: auto !important;
}
.v418-checkout .resume-dashboard-title h1 {
  color: #fff !important;
  font-size: clamp(2.4rem,4.5vw,4.1rem) !important;
  line-height: 1.07 !important;
  letter-spacing: -.035em;
}
html[dir="rtl"] .v418-checkout .resume-dashboard-title h1 { letter-spacing: -.018em; }
.v418-checkout .resume-dashboard-title p { color: #aab6c7 !important; font-size: 1.06rem !important; line-height: 1.85 !important; }
.v418-checkout .pricing-grid { gap: 20px !important; margin-top: 36px !important; }
.v418-checkout .pricing-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,rgba(18,27,47,.84),rgba(8,13,25,.90)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.27) !important;
  color: #eef2f7 !important;
}
.v418-checkout .pricing-card.is-featured {
  border-color: rgba(245,197,66,.38) !important;
  box-shadow: 0 30px 84px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,226,120,.09) !important;
}
.v418-checkout .pricing-card.is-featured::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg,transparent,#f5c542,#ffe278,transparent);
}
.v418-checkout .pricing-card h2,
.v418-checkout .pricing-card h3 { color: #fff !important; }
.v418-checkout .pricing-card p,
.v418-checkout .package-meta,
.v418-checkout .package-features { color: #aab6c7 !important; }
.v418-checkout .package-features li::marker { color: #4ade80; }
.v418-checkout .js-buy-package,
.v418-checkout .btn-primary {
  border-color: transparent !important;
  background: linear-gradient(135deg,#f5c542,#ffe278) !important;
  color: #161a23 !important;
  box-shadow: 0 10px 28px rgba(245,197,66,.17) !important;
}
.v418-checkout .btn-secondary {
  border-color: rgba(255,255,255,.11) !important;
  background: rgba(255,255,255,.035) !important;
  color: #eef2f7 !important;
}
.v418-checkout .resume-empty,
.v418-checkout .payment-message {
  border-color: rgba(255,255,255,.09) !important;
  background: rgba(255,255,255,.035) !important;
}

/* ---------------------------------------------------------
   Responsive system
--------------------------------------------------------- */
@media (max-width: 1020px) {
  .v418-landing .topnav { display: none !important; }
  .v418-landing .hero { grid-template-columns: 1fr !important; min-height: auto; }
  .v418-landing .hero-content { max-width: 820px; }
  .v418-landing .hero-preview { max-width: 760px; width: 100%; margin-inline: auto; }

  .v418-tool .kvtool-hero { grid-template-columns: 1fr !important; }
  .v418-tool .kvtool-hero__meta { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }

  .v418-legal .kv2-legal-layout { grid-template-columns: 1fr !important; }
  .v418-legal .kv2-legal-toc {
    position: static !important;
    display: flex !important;
    gap: 7px;
    overflow-x: auto;
    padding: 12px !important;
    scrollbar-width: thin;
  }
  .v418-legal .kv2-legal-toc strong { flex: 0 0 auto; align-self: center; margin: 0 8px !important; }
  .v418-legal .kv2-legal-toc a { flex: 0 0 auto; white-space: nowrap; border: 1px solid rgba(255,255,255,.07); }
}

@media (max-width: 820px) {
  .v418-company .public-actions > a:not(.primary):not(:nth-last-child(2)) { display: none; }
  .v418-company .public-nav { border-radius: 22px !important; }
  .v418-company .contact-grid { grid-template-columns: 1fr !important; }

  .v418-tool .kvtool-header__inner { border-radius: 22px !important; }
  .v418-tool .kvtool-nav,
  .v418-tool .kvtool-actions > a:not(:last-child) { display: none !important; }
  .v418-tool .kvtool-mobile-nav { display: block !important; }
  .v418-tool .kvtool-hero__meta { grid-template-columns: 1fr !important; }

  .v418-auth .auth-topbar { border-radius: 22px !important; }
  .v418-auth .auth-card { grid-template-columns: 1fr !important; }
  .v418-auth .auth-card-info { min-height: auto !important; border-inline-end: 0; border-bottom: 1px solid rgba(255,255,255,.08); }

  .v418-checkout .resume-dashboard-header { border-radius: 22px !important; }
  .v418-checkout .pricing-grid { grid-template-columns: 1fr !important; max-width: 620px; margin-inline: auto; }
}

@media (max-width: 640px) {
  body.v418-premium-public { background-attachment: scroll !important; }

  .v418-landing .topbar {
    width: calc(100% - 20px) !important;
    grid-template-columns: auto 1fr !important;
    border-radius: 20px !important;
    padding: 8px 10px !important;
  }
  .v418-landing .brand-copy small { display: none; }
  .v418-landing .top-actions { justify-self: end; gap: 6px; }
  .v418-landing .top-actions .login-link { display: none !important; }
  .v418-landing .language-pill span { display: none; }
  .v418-landing .language-pill { padding-inline: 11px !important; }
  .v418-landing .top-actions .btn-primary { padding: 10px 13px !important; font-size: .78rem !important; }
  .v418-landing .hero { padding: 52px 0 36px !important; }
  .v418-landing .hero h1 { font-size: clamp(2.35rem,11vw,3.45rem) !important; }
  .v418-landing .hero-lead { max-width: 100% !important; }
  .v418-landing .hero-actions { display: grid !important; grid-template-columns: 1fr; }
  .v418-landing .hero-actions .btn { width: 100%; }
  .v418-landing .trust-row { width: 100%; display: grid !important; grid-template-columns: 1fr; }
  .v418-landing .section { padding-block: 62px !important; }
  .v418-landing :is(.templates-grid,.plans-grid,.process-grid,.faq-grid) { gap: 14px !important; }

  .v418-company .public-shell { width: min(100% - 20px,1180px) !important; }
  .v418-company .public-nav { min-height: 64px !important; padding: 8px 10px !important; }
  .v418-company .public-brand span { display: none; }
  .v418-company .public-actions a { padding-inline: 10px !important; font-size: .78rem !important; }
  .v418-company .public-main { padding-top: 62px !important; }
  .v418-company .public-hero h1 { font-size: clamp(2.3rem,11vw,3.4rem) !important; }
  .v418-company .public-card { padding: 24px !important; border-radius: 24px !important; }

  .v418-legal .kv2-site-header { padding: 10px 10px 0 !important; }
  .v418-legal .kv2-site-header__bar { min-height: 64px !important; border-radius: 20px !important; padding: 8px 10px !important; }
  .v418-legal .kv2-site-brand__copy small { display: none; }
  .v418-legal .kv2-site-nav,
  .v418-legal .kv2-site-actions { display: none !important; }
  .v418-legal .kv2-mobile-nav { display: block !important; }
  .v418-legal .kv2-legal-main { width: min(100% - 20px,1180px) !important; padding-top: 42px !important; }
  .v418-legal .kv2-legal-hero { padding: 26px 22px !important; border-radius: 24px !important; }
  .v418-legal .kv2-legal-hero h1 { font-size: clamp(2.1rem,11vw,3.3rem) !important; }
  .v418-legal .kv2-legal-updated { margin-top: 14px; }
  .v418-legal .kv2-legal-document { padding: 26px 22px !important; border-radius: 24px !important; }

  .v418-tool .kvtool-header { padding: 10px 10px 0 !important; }
  .v418-tool .kvtool-header__inner { width: 100% !important; min-height: 64px !important; padding: 8px 10px !important; }
  .v418-tool .kvtool-brand__copy small { display: none; }
  .v418-tool .kvtool-actions .kvtool-btn--primary { padding-inline: 11px !important; font-size: .76rem !important; }
  .v418-tool .kvtool-page { width: min(100% - 20px,1180px) !important; padding-top: 44px !important; }
  .v418-tool .kvtool-hero h1 { font-size: clamp(2.2rem,10.5vw,3.3rem) !important; }
  .v418-tool .kvtool-workbench { border-radius: 24px !important; }
  .v418-tool .kvtool-workbench__head { padding: 18px !important; }
  .v418-tool .checker-grid { padding: 14px !important; }
  .v418-tool .dropzone { min-height: 270px !important; }

  .v418-auth .auth-page-shell { padding: 10px 10px 34px !important; }
  .v418-auth .auth-topbar { min-height: 64px; padding: 8px 10px !important; }
  .v418-auth .auth-brand-text small { display: none; }
  .v418-auth .auth-card { margin-top: 28px !important; border-radius: 24px !important; }
  .v418-auth .auth-card-info,
  .v418-auth .auth-card-form { padding: 26px 22px !important; }
  .v418-auth .auth-card-info h1 { font-size: 2rem !important; }

  .v418-checkout .resume-dashboard-shell { width: min(100% - 20px,1180px) !important; }
  .v418-checkout .resume-dashboard-header { min-height: 64px !important; margin-top: 10px !important; padding: 8px 10px !important; }
  .v418-checkout .resume-dashboard-title { margin-top: 50px !important; }
  .v418-checkout .resume-dashboard-title h1 { font-size: clamp(2.2rem,10.5vw,3.25rem) !important; }
  .v418-checkout .pricing-card { border-radius: 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .v418-premium-public *,
  .v418-premium-public *::before,
  .v418-premium-public *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* v4.1.18 visual QA corrections — beat legacy brand !important rules intentionally. */
body.v418-auth[data-brand-version] .auth-topbar {
  border: 1px solid rgba(255,255,255,.115) !important;
  border-radius: 999px !important;
  background: rgba(6,10,20,.78) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.28) !important;
}
body.v418-auth[data-brand-version] .auth-brand-text strong { color: #fff !important; }
body.v418-auth[data-brand-version] .auth-brand-text small { color: #91a0b4 !important; }
body.v418-auth[data-brand-version] .auth-card-form {
  background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
  color: #0f172a !important;
}
body.v418-auth[data-brand-version] .auth-form-head h2 { color: #0f172a !important; }
body.v418-auth[data-brand-version] .auth-form-head p,
body.v418-auth[data-brand-version] .auth-footer-note { color: #64748b !important; }
body.v418-auth[data-brand-version] .field-control {
  border-color: #d7dfeb !important;
  background: #f8fbff !important;
  color: #0f172a !important;
}
body.v418-auth[data-brand-version] .field-control:focus {
  border-color: rgba(184,137,11,.68) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(245,197,66,.12) !important;
}

body.v418-checkout .resume-dashboard-header.glass-dashboard-header {
  min-height: 0 !important;
  padding: 18px 20px !important;
  border-radius: 30px !important;
  align-items: center !important;
}
body.v418-checkout .resume-dashboard-header .resume-dashboard-title {
  margin: 0 !important;
  text-align: inherit !important;
  max-width: 560px !important;
}
body.v418-checkout .resume-dashboard-header .resume-dashboard-title h1 {
  margin: 0 0 5px !important;
  font-size: clamp(1.4rem,2.2vw,2rem) !important;
  line-height: 1.15 !important;
}
body.v418-checkout .resume-dashboard-header .resume-dashboard-title p {
  margin: 0 !important;
  font-size: .88rem !important;
  line-height: 1.55 !important;
}

@media (max-width: 820px) {
  body.v418-auth[data-brand-version] .auth-topbar { border-radius: 20px !important; }
  body.v418-auth .auth-card-form { order: -1; }
  body.v418-auth .auth-card-info { order: 2; }
}

@media (max-width: 640px) {
  body.v418-checkout .resume-dashboard-header.glass-dashboard-header {
    border-radius: 20px !important;
    padding: 12px !important;
  }
  .v418-legal .kv2-whatsapp,
  .v418-company .kv-support-wa,
  .v418-landing .whatsapp-fab,
  .v418-tool .kv-support-wa {
    max-width: 124px !important;
    padding: 9px 12px !important;
    font-size: .72rem !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 820px) {
  body.v418-auth .auth-card {
    grid-template-areas: "form" "info" !important;
  }
}