/* BANDIVO_VALUE_FIRST_FUNNEL_WEB_STYLE_V5473 */
/* BANDIVO_WEB_HEADER_LAYOUT_R18 */
.soft-header.vf-menu-header{grid-template-columns:118px minmax(0,1fr) 52px;gap:12px}
.soft-header.vf-menu-header .soft-header-copy{min-width:0;overflow:hidden}
.soft-header.vf-menu-header .soft-header-copy h1,.soft-header.vf-menu-header .soft-header-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.soft-header .vf-menu-trigger{width:118px!important;min-width:118px;height:50px;border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;background:#171717!important;display:flex!important;flex-direction:row;direction:ltr;align-items:center;justify-content:space-between;gap:15px;padding:0 18px!important;box-shadow:0 9px 22px rgba(0,0,0,.22)!important;color:#fff!important}
.soft-header .vf-menu-trigger img{display:none}.soft-header .vf-menu-trigger svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round}.soft-header .vf-menu-trigger small{font-size:15px;font-weight:900;line-height:1;color:inherit}
.vf-home-premium{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;border:1px solid rgba(108,49,244,.16);border-radius:22px;background:linear-gradient(135deg,#f5efff,#edf2ff);box-shadow:0 10px 26px rgba(47,35,104,.07);text-align:right}
.vf-home-icon{width:45px;height:45px;border-radius:15px;background:#fff;color:#6c31f4;display:grid;place-items:center;font-size:23px;box-shadow:0 7px 18px rgba(80,48,163,.12)}
.vf-home-premium>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.vf-home-premium b{font-size:14px;color:var(--text)}.vf-home-premium small{font-size:10px;color:var(--secondary)}
.vf-home-premium button,.vf-primary{border:0;border-radius:15px;background:linear-gradient(135deg,#6c31f4,#5120d0);color:#fff;padding:10px 14px;font:inherit;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(92,44,211,.22)}
.vf-exam-catalog{display:grid;gap:12px;padding:15px;border-radius:24px;background:var(--surface,#fff);border:1px solid rgba(34,43,62,.07);box-shadow:0 10px 28px rgba(28,35,50,.06)}
.vf-catalog-head,.vf-exam-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right}.vf-catalog-head>span,.vf-exam-group-title{min-width:0}.vf-catalog-head>span{display:flex;flex-direction:column}.vf-catalog-head b{font-size:16px}.vf-catalog-head small,.vf-exam-group-title small{color:var(--secondary);font-size:10px}.vf-catalog-head>i{font-style:normal;min-width:35px;height:35px;border-radius:12px;background:#f1ebff;color:#6c31f4;display:grid;place-items:center;font-weight:900}
.vf-exam-group{display:grid;gap:8px}.vf-exam-group-title b{font-size:12px}.vf-exam-scroll{display:flex;gap:8px;overflow:auto;padding:2px 1px 7px;scrollbar-width:thin}
.vf-exam-row{flex:0 0 min(250px,75vw);display:grid;grid-template-columns:35px minmax(0,1fr) 25px;gap:9px;align-items:center;padding:10px;border-radius:16px;border:1px solid rgba(108,49,244,.14);background:#fff;text-align:right;color:var(--text);font:inherit}.vf-exam-row.locked{background:#faf9fc;color:var(--secondary)}.vf-exam-number{width:34px;height:34px;border-radius:11px;background:#f0eaff;color:#6c31f4;display:grid;place-items:center;font-size:11px;font-weight:900}.vf-exam-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.vf-exam-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf-exam-row small{font-size:9px;color:#6c31f4}.vf-exam-row em{font-style:normal;text-align:center}.vf-manifest-loading{padding:16px;text-align:center;color:var(--secondary);font-size:11px}
.chip.vf-native-locked{position:relative;padding-inline-end:31px!important;border-color:rgba(108,49,244,.24)!important;background:linear-gradient(135deg,#faf8ff,#f1ebff)!important;color:#6c31f4!important;box-shadow:inset 0 0 0 1px rgba(108,49,244,.04)}
.chip.vf-native-locked::after{content:"🔒";position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;filter:saturate(.85)}
.vf-skill-count{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:999px;background:#f0eaff;color:#6c31f4;font-size:9px;font-weight:900}.skill-tile{position:relative}
.vf-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(14,18,30,.55);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}
.vf-paywall{width:min(100%,430px);max-height:min(88vh,700px);overflow:auto;border-radius:30px;background:var(--surface,#fff);padding:25px;box-shadow:0 28px 80px rgba(12,16,29,.28);text-align:right;direction:rtl;border:1px solid rgba(255,255,255,.8)}
.vf-paywall-spark{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#f3ebff,#e4d6ff);color:#6c31f4;display:grid;place-items:center;font-size:27px;margin-bottom:14px}.vf-paywall h2{margin:0 0 5px;font-size:23px;color:var(--text)}.vf-paywall>strong{display:block;color:#6c31f4;font-size:14px}.vf-paywall>p{color:var(--secondary);line-height:1.9;font-size:12px;margin:13px 0}.vf-benefits{display:grid;gap:9px;margin:15px 0 20px}.vf-benefits span{display:flex;gap:9px;align-items:center;padding:11px 12px;border-radius:15px;background:rgba(108,49,244,.06);font-size:12px;font-weight:800}.vf-benefits i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#e3f6ed;color:#259665;display:grid;place-items:center}.vf-primary,.vf-secondary{width:100%;min-height:47px;font:inherit;font-weight:900}.vf-secondary{border:0;background:transparent;color:var(--secondary);margin-top:6px}
@media(max-width:520px){.soft-header.vf-menu-header{grid-template-columns:104px minmax(0,1fr) 44px;gap:8px}.soft-header.vf-menu-header .soft-header-copy h1{font-size:19px}.soft-header .vf-menu-trigger{width:104px!important;min-width:104px;height:46px;gap:10px;padding:0 14px!important}.soft-header .vf-menu-trigger svg{width:24px;height:24px}.soft-header .vf-menu-trigger small{font-size:14px}.vf-home-premium{grid-template-columns:43px minmax(0,1fr)}.vf-home-premium button{grid-column:1/-1;width:100%}.vf-paywall{padding:21px;border-radius:26px}.vf-exam-row{flex-basis:78vw}}
