:root{--kb-bg:#0E1012;--kb-bg2:#161B1F;--kb-panel:#1E2429;--kb-line:#2A3138;--kb-tx:#FFFFFF;--kb-tx2:#A9B1B8;--kb-acc:#1FAD65;--kb-acc2:#17914F;--kb-ctatx:#FFFFFF;--kb-hi:#5B9BD5;--kb-gold:#F5A623;--kb-r:10px;--kb-w:1200px;--kb-side:220px;--kb-hf:'Inter',sans-serif;--kb-cols:7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--kb-bg);color:var(--kb-tx);font:16px/1.6 'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.vivwrap{max-width:var(--kb-w);margin:0 auto;padding:0 20px}
.vivtop{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--kb-bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--kb-line)}
.vivtopin{display:flex;align-items:center;gap:22px;height:70px}
.vivlogo{font:900 26px/1 'Inter',sans-serif;letter-spacing:.03em;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap;}
.vivlogoimg{height:34px;width:auto;display:block}
.vivh1{font:900 clamp(30px,4.2vw,62px)/1.08 'Inter',sans-serif;letter-spacing:-.01em;margin:0 0 14px;max-width:720px;text-wrap:balance}
.vivoffer{margin:0 0 22px;display:flex;flex-direction:column;gap:4px}.vivofferk{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kb-tx2)}
.vivofferv{display:block;font:900 clamp(26px,3.4vw,42px)/1.1 'Inter',sans-serif;background:linear-gradient(90deg,var(--kb-gold),var(--kb-acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.vivasidebox .vivofferv{font-size:26px;margin:4px 0 10px}
.vivtierk{display:block;font-weight:800;font-size:15px}.vivtierv{display:block;color:var(--kb-tx2);font-size:14px}
.vivmini .vivtierv{color:var(--kb-gold);font-weight:900;font-size:20px}.vivstatn{display:block;font:900 26px/1.1 'Inter',sans-serif;color:var(--kb-gold);margin-bottom:6px}.vivstat>span:last-child{color:var(--kb-tx2);font-size:13.5px}
.vivfloat .vivtierv,.vivboardrow .vivtierv{font-size:13.5px}.vivboardcode{font:800 14px/1 monospace;text-align:center;color:var(--kb-acc)}
.vivtickerin b{color:var(--kb-gold)}.vivlobbyh{padding-top:6px}
.vivlogomark{width:30px;height:30px;border-radius:10px 2px;background:linear-gradient(135deg,var(--kb-acc),var(--kb-acc2));box-shadow:0 0 18px color-mix(in srgb,var(--kb-acc) 55%,transparent)}
.vivnav{display:flex;gap:4px;flex:1;justify-content:flex-end}
.vivnava{padding:9px 13px;border-radius:calc(var(--kb-r) * .8);text-decoration:none;font-weight:600;font-size:14.5px;color:var(--kb-tx2);transition:.2s}
.vivnava:hover,.vivnava.vivisopen{color:var(--kb-tx);background:var(--kb-panel)}
.vivbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:10px;border:0;cursor:pointer;
 background:linear-gradient(180deg,var(--kb-acc),var(--kb-acc2));color:var(--kb-ctatx);font-weight:800;text-decoration:none;letter-spacing:.02em;text-transform:none;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--kb-acc) 70%,transparent);transition:transform .15s,filter .15s}
.vivbtn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.vivbtnghost{background:transparent;color:var(--kb-tx);border:1.5px solid color-mix(in srgb,var(--kb-acc) 60%,var(--kb-line));box-shadow:none}
.vivbtnxl{padding:17px 34px;font-size:17px}.vivbtnsm{padding:8px 15px;font-size:13px}
.vivburger{display:none;margin-left:auto;width:42px;height:42px;border-radius:10px;border:1px solid var(--kb-line);background:var(--kb-panel);color:var(--kb-tx);font-size:20px}
.vivph{margin:0 0 14px;display:flex;flex-direction:column;gap:9px}
.vivph span,.vivphw,.vivphh,.vivbar{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--kb-tx) 13%,transparent),color-mix(in srgb,var(--kb-tx) 6%,transparent),color-mix(in srgb,var(--kb-tx) 13%,transparent));background-size:200% 100%;animation:sh 2.4s linear infinite}
.vivphw{height:10px;display:inline-block;min-width:60px}.vivphh{height:16px;margin:4px 0 10px;background:color-mix(in srgb,var(--kb-tx) 22%,transparent)}
.vivbar{height:30px;margin:0 0 14px;border-radius:12px;background:linear-gradient(90deg,var(--kb-tx),color-mix(in srgb,var(--kb-tx) 55%,transparent));opacity:.9}
.vivh1bar .vivbar:last-child{background:linear-gradient(90deg,var(--kb-acc),var(--kb-hi))}
@keyframes sh{to{background-position:-200% 0}}
.vivlede{max-width:520px}.vivlede span{height:12px}
.vivkicker{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;margin-bottom:18px;border-radius:999px;font:800 12px/1 'Inter';letter-spacing:.16em;text-transform:uppercase;color:var(--kb-acc);background:color-mix(in srgb,var(--kb-acc) 14%,transparent);border:1px solid color-mix(in srgb,var(--kb-acc) 35%,transparent)}
.vivh1bar{margin:0 0 18px;max-width:640px}
.vivhero{position:relative;background-size:cover;background-position:center;padding:60px 0 40px}
.vivhsgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:40px;align-items:center}
.vivclaim{background:color-mix(in srgb,var(--kb-bg2) 88%,transparent);border:1px solid var(--kb-line);border-radius:calc(var(--kb-r) * 2);padding:26px;backdrop-filter:blur(12px);box-shadow:0 30px 60px -20px #000,inset 0 1px 0 color-mix(in srgb,var(--kb-tx) 8%,transparent);display:flex;flex-direction:column;gap:12px}
.vivclaim small{color:var(--kb-tx2);text-align:center;font-size:12px}
.vivclaimrow{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--kb-r);background:var(--kb-panel)}
.vivpill{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--kb-acc),var(--kb-acc2));color:var(--kb-ctatx)}
.vivstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.vivstat{padding:18px;border-radius:var(--kb-r);background:var(--kb-panel);border:1px solid var(--kb-line);position:relative;overflow:hidden}
.vivstat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--kb-acc)}
.vivstatn .vivphh{height:22px;background:linear-gradient(90deg,var(--kb-gold),transparent)}
.vivpay{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.vivpayi{padding:6px 12px;border-radius:8px;background:var(--kb-panel);border:1px solid var(--kb-line);font-size:12px;font-weight:700;color:var(--kb-tx2)}
.vivbb{padding:22px 0 10px}.vivbbin{max-width:var(--kb-w);margin:0 auto;border-radius:calc(var(--kb-r) * 2.2);min-height:430px;background-size:cover;background-position:center right;display:flex;align-items:center;overflow:hidden;box-shadow:0 30px 70px -30px #000}
.vivbbin .vivwrap{width:100%;padding:50px 54px}
.vivdots{display:flex;gap:7px;margin-top:26px}.vivdots i{width:9px;height:9px;border-radius:9px;background:color-mix(in srgb,var(--kb-tx) 35%,transparent)}.vivdots i:first-child{width:28px;background:var(--kb-acc)}
.vivbbstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px auto}
.vivmini{display:flex;gap:12px;align-items:center;padding:16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivcardic{flex:none;width:42px;height:42px;border-radius:calc(var(--kb-r) * .9);background:radial-gradient(circle at 30% 30%,var(--kb-hi),var(--kb-acc2));display:block;margin-bottom:6px}
.vivpromos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0}
.vivpromo{position:relative;border-radius:calc(var(--kb-r) * 1.6);min-height:210px;background-size:cover;background-position:center;overflow:hidden;text-decoration:none;display:flex;align-items:flex-end}
.vivpromo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%)}
.vivpromoin{position:relative;z-index:1;padding:18px;width:100%}
.vivchips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.vivchip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--kb-panel);border:1px solid var(--kb-line);font-weight:700;font-size:14px;min-width:90px}
.vivchip:first-child{background:var(--kb-hi);border-color:var(--kb-hi);color:#fff}
.vivsplit{padding-top:56px}.vivsplitart{position:relative;min-height:440px;border-radius:calc(var(--kb-r) * 2.4);background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--kb-line),0 40px 80px -30px color-mix(in srgb,var(--kb-acc) 45%,#000)}
.vivfloat{position:absolute;left:-26px;bottom:34px;width:220px;padding:16px;border-radius:var(--kb-r);background:color-mix(in srgb,var(--kb-bg2) 92%,transparent);border:1px solid var(--kb-line);backdrop-filter:blur(8px);box-shadow:0 20px 40px -10px #000}
.vivfloatb{left:auto;right:-18px;top:26px;bottom:auto;border-color:color-mix(in srgb,var(--kb-acc) 50%,var(--kb-line))}
.vivticker{margin-top:44px;border-block:1px solid var(--kb-line);background:var(--kb-bg2);overflow:hidden}
.vivtickerin{display:flex;gap:40px;padding:14px 0;width:max-content;animation:tk 40s linear infinite}.vivtickerin span{display:flex;gap:10px;min-width:180px}
@keyframes tk{to{transform:translateX(-50%)}}
.vivdash{padding-top:34px}.vivboard{display:flex;flex-direction:column;gap:10px}
.vivboardrow{display:grid;grid-template-columns:auto minmax(0,1fr) 120px auto;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivboardcode{padding:10px;border:1.5px dashed color-mix(in srgb,var(--kb-acc) 60%,transparent);border-radius:8px}
.vivdashside{min-height:100%;border-radius:calc(var(--kb-r) * 2);padding:30px;background-size:cover;background-position:top;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--kb-line)}
.vivcrumbs{font-size:13px;color:var(--kb-tx2);margin-bottom:14px;display:flex;gap:8px;align-items:center}.vivcrumbs a{text-decoration:none}
.vivrail{padding:26px 0}.vivrailhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.vivrailhead .vivphh{max-width:260px;flex:1}
.vivtiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.vivtile{position:relative;border-radius:calc(var(--kb-r) * 1.2);overflow:hidden;aspect-ratio:3/4;background:var(--kb-panel)}
.vivtile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.vivtileplay{position:absolute;inset:auto 10px 10px 10px;padding:9px;border-radius:calc(var(--kb-r) * .8);text-align:center;font-weight:800;font-size:13px;background:linear-gradient(135deg,var(--kb-acc),var(--kb-acc2));color:var(--kb-ctatx);opacity:0;transform:translateY(8px);transition:.25s}
.vivtile:hover img{transform:scale(1.07)}.vivlobbyh{padding-top:20px}.vivlobbyh .vivh1{font-size:clamp(26px,2.6vw,34px);margin:0 0 4px}.vivlobbyh .vivoffer{flex-direction:row;align-items:baseline;gap:12px;margin:0}.vivlobbyh .vivofferv{font-size:22px}.vivtile:hover .vivtileplay{opacity:1;transform:none}
.vivphero{background-size:cover;background-position:center;padding:44px 0 34px;border-bottom:1px solid var(--kb-line)}
.vivpheroin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.vivpheroart{width:420px;height:250px;border-radius:calc(var(--kb-r) * 2);background-size:cover;background-position:center;position:relative;box-shadow:0 30px 60px -25px #000}
.vivbadge{position:absolute;right:14px;top:14px;padding:8px 14px;border-radius:999px;background:var(--kb-acc);min-width:110px}
.vivasidebox{width:330px;padding:22px;border-radius:calc(var(--kb-r) * 1.6);background:linear-gradient(160deg,var(--kb-panel),var(--kb-bg2));border:1px solid color-mix(in srgb,var(--kb-acc) 40%,var(--kb-line))}
.vivasidebox .vivbtn{width:100%;margin-top:8px}
.vivshell{display:block}.vivmain{min-width:0}
.content{padding:30px 0 10px}
.vivtoc{margin:6px 0 26px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivtoc summary{cursor:pointer;padding:15px 18px;font-weight:800;list-style:none;display:flex;justify-content:space-between}.vivtoc summary:after{content:"+";color:var(--kb-acc);font-size:20px;line-height:1}
.vivtoc[open] summary:after{content:"−"}.vivtoc ol{margin:0;padding:0 18px 16px 38px;display:grid;gap:10px}.vivtoc li::marker{color:var(--kb-acc)}
.vivsec{padding:26px 0;border-bottom:1px solid color-mix(in srgb,var(--kb-line) 60%,transparent)}.vivsech{margin:0 0 18px}.vivsech .vivphh{height:24px;max-width:520px}
.vivgrid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.vivgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vivcard{padding:20px;border-radius:calc(var(--kb-r) * 1.3);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivtbl{overflow-x:auto;border-radius:var(--kb-r);border:1px solid var(--kb-line)}.vivtbl table{width:100%;border-collapse:collapse;min-width:520px}
.vivtbl th{background:var(--kb-panel);padding:14px;text-align:left}.vivtbl td{padding:14px;border-top:1px solid var(--kb-line)}.vivtbl tr:nth-child(even) td{background:color-mix(in srgb,var(--kb-panel) 40%,transparent)}
.vivsteps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.vivstep{display:flex;gap:14px;padding:16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivstepn{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--kb-acc);color:var(--kb-ctatx)}.vivstep>div{flex:1}
.vivrg{margin:30px 0}.vivrgin{display:flex;gap:18px;align-items:flex-start;padding:22px;border-radius:calc(var(--kb-r) * 1.4);background:color-mix(in srgb,var(--kb-hi) 10%,var(--kb-bg2));border:1px solid color-mix(in srgb,var(--kb-hi) 35%,var(--kb-line))}
.vivrgn{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:900;border:2px solid var(--kb-tx)}.vivrg p{margin:6px 0 0;color:var(--kb-tx2);font-size:14.5px}.vivrg a{color:var(--kb-acc);font-weight:700}
.vivrevs,.vivfaq{padding:30px 0}.vivrev{padding:18px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivrevtop{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vivrevtop .vivphw{flex:1}.vivdot{width:34px;height:34px;border-radius:50%;background:var(--kb-panel);display:block}.vivstars{color:var(--kb-gold);letter-spacing:2px;font-size:13px}
.vivqa{border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line);margin-bottom:10px}.vivqa summary{cursor:pointer;padding:16px 18px;list-style:none;display:flex;gap:12px;align-items:center}
.vivqa summary:after{content:"+";margin-left:auto;color:var(--kb-acc);font-weight:900}.vivqa[open] summary:after{content:"−"}.vivqa summary .vivphw{flex:1;max-width:none}.vivqa .vivph{padding:0 18px 6px}
.vivlegal .vivsec{border:0;padding:16px 0}
.vivfoot{margin-top:40px;background:var(--kb-bg2);border-top:1px solid var(--kb-line);padding:44px 0 90px}
.vivfootcols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:30px}.vivfootcol{display:flex;flex-direction:column;gap:8px}.vivfoota{color:var(--kb-tx2);text-decoration:none;font-size:14.5px}.vivfoota:hover{color:var(--kb-acc)}
.vivfootrg{margin-top:28px;padding-top:20px;border-top:1px solid var(--kb-line);color:var(--kb-tx2);font-size:13px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.vivfootrg b{border:1.5px solid var(--kb-tx2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--kb-tx)}
.vivsticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;gap:10px;background:color-mix(in srgb,var(--kb-bg) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--kb-line)}
.vivsticky .vivbtn{flex:1}
.vivindep{background:var(--kb-bg2);border-bottom:1px solid var(--kb-line);font-size:12px;color:var(--kb-tx2);text-align:center;padding:6px 16px;letter-spacing:.02em}.vivindep b{color:var(--kb-acc)}
.vivshell{display:grid;grid-template-columns:var(--kb-side) minmax(0,1fr)}.vivside{position:sticky;top:0;height:100vh;overflow:auto;background:var(--kb-bg2);border-right:1px solid var(--kb-line);padding:18px 14px}
.vivsidein{display:flex;flex-direction:column;gap:4px}.vivside .vivlogo{margin:4px 6px 18px}.vivsidea{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:calc(var(--kb-r) * .9);text-decoration:none;font-weight:600;color:var(--kb-tx2);font-size:14.5px}
.vivsidea:before{content:"";width:18px;height:18px;border-radius:5px;background:color-mix(in srgb,var(--kb-acc) 40%%,var(--kb-panel))}.vivsidea:hover{background:var(--kb-panel);color:var(--kb-tx)}
.vivsidesep{height:1px;background:var(--kb-line);margin:10px 4px}.vivsidecta{margin-top:14px;padding:16px;border-radius:var(--kb-r);background:linear-gradient(135deg,color-mix(in srgb,var(--kb-acc) 30%%,var(--kb-panel)),var(--kb-panel));display:flex;flex-direction:column;gap:10px}
.vivmain .vivwrap{max-width:1200px}.vivmain .vivtop .vivlogo{display:none}
@media (max-width:980px){.vivshell{display:block}.vivside{display:none}.vivmain .vivtop .vivlogo{display:flex}}
@media (max-width:980px){.vivhsgrid,.vivpheroin{grid-template-columns:minmax(0,1fr)}.vivpheroart,.vivasidebox{width:100%}.vivstats,.vivbbstrip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vivpromos,.vivgrid3{grid-template-columns:minmax(0,1fr)}.vivtiles{grid-template-columns:repeat(3,minmax(0,1fr))}.vivfootcols{grid-template-columns:minmax(0,1fr)}
 .vivnav{display:none}.vivnav.vivopen{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:12px 16px;background:var(--kb-bg2);border-bottom:1px solid var(--kb-line)}
 .vivburger{display:block}.vivtopin>.vivbtn{display:none}.vivsticky{display:flex}.vivsplitart{min-height:300px}.vivfloat{left:12px}.vivfloatb{right:12px}
 .vivboardrow{grid-template-columns:auto minmax(0,1fr)}.vivboardcode,.vivboardrow .vivbtn{grid-column:2}.vivbbin{min-height:360px}.vivbbin .vivwrap{padding:30px 22px}.vivhero{padding-top:30px}}
@media (max-width:560px){.vivtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.vivstats,.vivbbstrip,.vivgrid2{grid-template-columns:minmax(0,1fr)}.vivbtnxl{width:100%}}
html,body{overflow-x:clip;max-width:100%}main table{min-width:0!important;max-width:100%}main table td,main table th{white-space:normal!important;overflow-wrap:break-word}
@media (max-width:640px){
 main table,main table tbody,main table tr,main table td,main table th{display:block!important;width:auto!important;min-width:0!important;max-width:none!important}
 main table{border:0!important;background:none!important;box-shadow:none!important;table-layout:auto!important}main table thead{display:none!important}
 main table tr{margin:0 0 10px!important;padding:8px 14px!important;border:1px solid var(--kb-line,rgba(127,127,127,.28))!important;border-radius:12px!important;background:color-mix(in srgb,var(--kb-tx,#888) 4%,transparent)!important}
 main table td,main table tbody th{display:flex!important;gap:12px;justify-content:space-between;align-items:baseline;padding:6px 0!important;border:0!important;border-bottom:1px dashed var(--kb-line,rgba(127,127,127,.2))!important;text-align:right!important;white-space:normal!important;word-break:break-word;background:none!important}
 main table td:last-child,main table tbody th:last-child{border-bottom:0!important}
 main table td[data-label]::before,main table tbody th[data-label]::before{content:attr(data-label);flex:0 0 44%;text-align:left;font-weight:600;opacity:.72}
 main table td:first-child,main table tbody th:first-child{display:block!important;text-align:left!important;font-weight:700;font-size:1.02em}
 main table td:first-child::before,main table tbody th:first-child::before{display:none!important}
 main table td .vivbtn,main table td a[class]{margin-left:auto}
 main .vivtbl,main [class*="tbl"],main [class*="Tbl"]{overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important}
}

.vivic{width:18px;height:18px;flex:none;fill:currentColor;opacity:.9}
.vivcats{background:var(--kb-bg);padding:10px 0}.vivcatsin{display:flex;gap:8px;flex-wrap:wrap}.vivcatsin::-webkit-scrollbar{display:none}
.vivcat{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:calc(var(--kb-r) * .9);background:var(--kb-panel);color:var(--kb-tx);text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap}
.vivcat.vivisopen{background:var(--kb-hi);color:#fff}.vivcat:hover{filter:brightness(1.2)}
.vivcatsplate .vivcatsin{padding:12px;border-radius:calc(var(--kb-r) * 1.2);background:var(--kb-panel)}.vivcatsplate .vivcat{background:transparent}.vivcatsplate .vivcat.vivisopen{background:var(--kb-acc)}
.vivcatstabs .vivcat{background:transparent;border-bottom:2px solid transparent;border-radius:0;color:var(--kb-tx2)}.vivcatstabs .vivcat.vivisopen{background:transparent;color:var(--kb-gold);border-color:var(--kb-gold)}
.vivcatspills .vivcat{border-radius:999px;background:var(--kb-bg2);border:1px solid var(--kb-line)}.vivcatspills .vivcat.vivisopen{background:var(--kb-panel);border-color:var(--kb-acc);color:var(--kb-tx)}
.vivb3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px;padding-bottom:6px}
.vivb3i{position:relative;display:block;border-radius:calc(var(--kb-r) * 1.4);overflow:hidden;aspect-ratio:16/9;text-decoration:none;background:var(--kb-panel)}
.vivb3i img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.vivb3i:hover img{transform:scale(1.04)}
.vivb3i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.05) 70%)}
.vivb3t{position:absolute;z-index:1;left:20px;top:18px;bottom:18px;right:40%;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.vivb3t b{font:900 22px/1.1 var(--kb-hf);text-transform:uppercase}.vivb3t>span:not(.vivbtn){font-size:13.5px;color:#e8e8f0}.vivb3t .vivbtn{margin-top:auto}
.vivhf{position:relative;min-height:600px;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden}
.vivhfart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vivhf:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--kb-bg) 4%,rgba(0,0,0,.25) 45%,transparent)}
.vivhfin{position:relative;z-index:1;padding:0 20px 48px;max-width:760px}.vivhfk{font:italic 700 22px/1 var(--kb-hf);color:var(--kb-tx)}
.vivhf .vivh1{margin:12px auto 8px;font-size:clamp(28px,3.4vw,44px)}.vivhfo{font:900 clamp(22px,2.8vw,34px)/1.2 var(--kb-hf);text-transform:uppercase;margin:0 0 22px}
.vivjp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:16px}.vivjpi{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivjpi .vivic{width:30px;height:30px;color:var(--kb-gold)}.vivjpi small{color:var(--kb-gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.vivjpi>div{flex:1}
.vivwin{padding-top:26px}.vivwinrow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.vivwini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--kb-r);background:linear-gradient(90deg,var(--kb-panel),color-mix(in srgb,var(--kb-acc) 18%,var(--kb-panel)));text-decoration:none}
.vivwini img{width:64px;height:64px;border-radius:8px;object-fit:cover}.vivwini>div{flex:1}
.vivrl{padding-top:26px}.vivrailh{margin:0;font:800 21px/1.2 var(--kb-hf)}.vivrlnav{display:flex;gap:6px;align-items:center}
.vivrlnav i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--kb-panel);color:var(--kb-tx2)}
.vivrlrow{display:grid;gap:12px;padding-bottom:4px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.vivrlrow::-webkit-scrollbar{display:none}.vivg{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.vivgimg{position:relative;display:block;border-radius:calc(var(--kb-r) * 1.1);overflow:hidden;background:var(--kb-panel)}.vivrltall .vivgimg{aspect-ratio:3/4}.vivrlsq .vivgimg{aspect-ratio:1}
.vivgimg img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.vivg:hover img{transform:scale(1.06)}
.vivgplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);padding:9px 18px;border-radius:999px;background:var(--kb-acc);color:var(--kb-ctatx);font-weight:800;font-size:13px;opacity:0;transition:.25s}
.vivg:hover .vivgplay{opacity:1;transform:translate(-50%,-50%)}.vivg .vivphw{width:80%}
.vivct{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;padding-top:16px}.vivcti{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line);text-decoration:none;font-size:12.5px;text-align:center}
.vivcti .vivic{width:26px;height:26px;color:var(--kb-gold)}.vivcti:hover{border-color:var(--kb-acc)}
.vivsideicons .vivsidea span{font-size:13px}.vivsidevip{background:linear-gradient(90deg,var(--kb-gold),color-mix(in srgb,var(--kb-gold) 40%,var(--kb-bg2)));color:#111!important;font-weight:800}
.vivsidea .vivic{width:18px;height:18px}.vivsidea:before{display:none}
.vivsideoffer .vivsidecta{margin:0 0 14px;text-align:center;align-items:center}.vivsideoffer .vivofferv{font-size:17px}
@media (max-width:980px){.vivb3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivb3i:nth-child(3){display:none}.vivjp,.vivwinrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivct{grid-template-columns:repeat(5,minmax(0,1fr))}
 .vivrlrow{--kb-cols:3.4!important}.vivhf{min-height:520px}}
@media (max-width:560px){.vivb3{grid-template-columns:minmax(0,1fr)}.vivb3i:nth-child(2){display:none}.vivrlrow{--kb-cols:2.3!important}.vivct{grid-template-columns:repeat(4,minmax(0,1fr))}.vivcti:nth-child(n+9){display:none}
 .vivwini:nth-child(n+3){display:none}.vivjpi:nth-child(n+3){display:none}}

.vivhx{padding:18px 0 6px;--kb-hbg:var(--kb-bg2)}
.vivhxbox{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--kb-r) * 2 + 4px);min-height:460px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;
 background:radial-gradient(90% 120% at 82% 40%,color-mix(in srgb,var(--kb-acc) 26%,var(--kb-hbg)),var(--kb-hbg) 62%);box-shadow:0 30px 60px -34px #000,inset 0 0 0 1px color-mix(in srgb,var(--kb-tx) 7%,transparent)}
.vivhxbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--kb-fx,80%) 50%;z-index:-2}
.vivhxbox:has(.vivhxbg):before,.vivhxbox:has(.vivhxside):before,.vivhxbox:has(.vivhxmos):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,var(--kb-hbg) 0%,color-mix(in srgb,var(--kb-hbg) 88%,transparent) 30%,color-mix(in srgb,var(--kb-hbg) 25%,transparent) 58%,transparent 75%)}
.vivhxside{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:right center;z-index:-2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.vivhxcut{grid-column:2;grid-row:1;justify-self:center;align-self:end;width:auto;height:auto;max-width:108%;max-height:440px;margin-bottom:-6px;filter:drop-shadow(0 28px 34px rgba(0,0,0,.55));animation:hxf 7s ease-in-out infinite;z-index:0}
@keyframes hxf{50%{transform:translateY(-10px)}}
.vivhxmos{position:absolute;z-index:-2;right:-40px;top:50%;width:60%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;transform:translateY(-50%) rotate(-8deg);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.vivhxmos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:0 18px 30px -12px #000}.vivhxmos img:nth-child(3n+2){transform:translateY(34px)}
.vivhxtxt{grid-column:1;grid-row:1;position:relative;z-index:1;padding:clamp(26px,4.2vw,58px);display:flex;flex-direction:column;align-items:flex-start;gap:0}
.vivhxk{display:inline-block;padding:6px 12px;border-radius:999px;font:800 11.5px/1 var(--kb-hf);letter-spacing:.16em;text-transform:uppercase;color:var(--kb-acc);
 background:color-mix(in srgb,var(--kb-acc) 15%,transparent);border:1px solid color-mix(in srgb,var(--kb-acc) 40%,transparent);margin-bottom:14px}
.vivhxh{margin:0;font:800 clamp(20px,1.9vw,26px)/1.2 var(--kb-hf);color:var(--kb-tx);letter-spacing:-.005em}
.vivhxo{margin:8px 0 16px;font:900 clamp(36px,4.9vw,66px)/.98 var(--kb-hf);letter-spacing:-.02em;text-transform:uppercase;max-width:13ch;text-wrap:balance;
 background:linear-gradient(180deg,#fff 10%,color-mix(in srgb,var(--kb-gold) 70%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}
.vivhxosm{font-size:clamp(17px,1.6vw,21px);text-transform:none;max-width:none;letter-spacing:0;line-height:1.3;background:none;color:var(--kb-gold);filter:none;margin:10px 0 14px}
.vivhxosm span{color:var(--kb-tx2);font-weight:600}
.vivhxin .vivhxh{font-size:clamp(28px,3.6vw,48px);line-height:1.06;letter-spacing:-.015em;max-width:18ch;text-wrap:balance}
.vivhxs{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vivhxs li{padding:7px 12px;border-radius:10px;background:color-mix(in srgb,var(--kb-bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--kb-tx) 12%,transparent);font-size:13px;color:var(--kb-tx2);backdrop-filter:blur(6px)}
.vivhxs b{color:var(--kb-tx)}
.vivhxb{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vivhxb .vivbtnxl{min-width:200px}
.vivhxt{margin-top:12px;font-size:11.5px;color:var(--kb-tx2);opacity:.85}
.vivhxcard{grid-column:2;grid-row:1;justify-self:end;margin:28px clamp(20px,3vw,40px) 28px 0;width:min(340px,100%);padding:20px;border-radius:calc(var(--kb-r) * 1.6);
 background:color-mix(in srgb,var(--kb-bg2) 86%,transparent);border:1px solid color-mix(in srgb,var(--kb-tx) 10%,transparent);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 50px -20px #000;z-index:1}
.vivhxcardh{font:800 15px/1.2 var(--kb-hf)}.vivhxtier{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:var(--kb-r);background:var(--kb-panel)}
.vivhxtier b{display:block;font-size:14px}.vivhxtier span:not(.vivpill){display:block;font-size:12.5px;color:var(--kb-tx2)}.vivhxcard .vivbtn{width:100%;margin-top:4px}
.vivhxcardv .vivhxbox{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.vivhxrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.vivhxcell{padding:14px 16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line);display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}
.vivhxcell:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--kb-acc),var(--kb-gold))}
.vivhxcell small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--kb-tx2)}.vivhxcell b{font-size:14.5px;line-height:1.3}
.vivhxcell code{align-self:flex-start;margin-top:6px;padding:4px 9px;border-radius:6px;border:1px dashed var(--kb-acc);color:var(--kb-acc);font:800 12px/1 monospace}
.vivhxcodes .vivhxbox{grid-template-rows:1fr auto}.vivhxcodes .vivhxrow{grid-column:1/-1;grid-row:2;margin:0 clamp(18px,3vw,40px) clamp(18px,3vw,32px);position:relative;z-index:1}
.vivhxcodes .vivhxcell{background:color-mix(in srgb,var(--kb-bg2) 82%,transparent);backdrop-filter:blur(10px)}
.vivhxdots{position:absolute;left:clamp(26px,4.2vw,58px);bottom:20px;display:flex;gap:6px;z-index:1}.vivhxdots i{width:8px;height:8px;border-radius:8px;background:color-mix(in srgb,var(--kb-tx) 35%,transparent)}.vivhxdots i:first-child{width:26px;background:var(--kb-acc)}
.vivhxbgrid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:14px}.vivhxbento .vivhxbox{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.vivhxminis{display:grid;grid-template-rows:1fr 1fr;gap:14px}.vivhxmini{position:relative;border-radius:calc(var(--kb-r) * 1.6);overflow:hidden;text-decoration:none;min-height:150px}
.vivhxmini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transition:transform .4s}.vivhxmini:hover img{transform:scale(1.05)}
.vivhxmini:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 25%,rgba(0,0,0,.35) 60%,transparent 85%)}
.vivhxmini span{position:absolute;z-index:1;left:18px;top:50%;transform:translateY(-50%);max-width:62%;display:flex;flex-direction:column;gap:3px}
.vivhxmini small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kb-gold);font-weight:800}.vivhxmini b{font:800 16px/1.25 var(--kb-hf)}
.vivhxgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.vivhxsplit .vivhxtxt,.vivhxplain .vivhxtxt{padding:clamp(10px,2vw,24px) 0}
.vivhxframe{position:relative;isolation:isolate;aspect-ratio:5/4;border-radius:calc(var(--kb-r) * 2.4);overflow:hidden;
 background:radial-gradient(80% 80% at 60% 40%,color-mix(in srgb,var(--kb-acc) 32%,var(--kb-bg2)),var(--kb-bg2));box-shadow:0 0 0 1px var(--kb-line),0 40px 80px -36px color-mix(in srgb,var(--kb-acc) 55%,#000)}
.vivhxframe .vivhxbg,.vivhxframe .vivhxside{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:none;mask-image:none;z-index:-2}
.vivhxframe .vivhxcut{position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-height:92%;animation:none}
.vivhxframe .vivhxmos{width:120%;right:-10%;-webkit-mask-image:none;mask-image:none}
.vivhxframesm{aspect-ratio:16/10}
.vivhxchip{position:absolute;left:16px;bottom:16px;max-width:62%;padding:12px 14px;border-radius:var(--kb-r);background:color-mix(in srgb,var(--kb-bg2) 85%,transparent);backdrop-filter:blur(10px);
 border:1px solid color-mix(in srgb,var(--kb-tx) 12%,transparent);display:flex;flex-direction:column;box-shadow:0 14px 30px -12px #000}
.vivhxchip small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--kb-gold);font-weight:800}.vivhxchip b{font-size:14px}
.vivhxchipb{left:auto;bottom:auto;right:16px;top:16px;border-color:color-mix(in srgb,var(--kb-acc) 55%,transparent)}
.vivhxplain .vivhxcard{grid-column:auto;grid-row:auto;justify-self:end;margin:0}
.vivhxin .vivhxbox{min-height:330px}.vivhxin .vivhxcut{max-height:320px}.vivhxin .vivhxtxt{padding:clamp(22px,3.4vw,44px)}
.vivhx .vivcrumbs{margin-bottom:14px}.vivhx .vivcrumbs span{opacity:.7}
.vivhxfull{padding:0}.vivhxfull .vivhxbox{border-radius:0;min-height:min(78vh,700px);grid-template-columns:minmax(0,1fr);align-items:end;justify-items:center;text-align:center;box-shadow:none;background:var(--kb-bg)}
.vivhxfull .vivhxbg{object-position:50% 0}.vivhxfull .vivhxbox:before{background:linear-gradient(0deg,var(--kb-bg) 6%,color-mix(in srgb,var(--kb-bg) 70%,transparent) 32%,transparent 62%)}
.vivhxfull .vivhxtxt{align-items:center;padding-bottom:46px}.vivhxfull .vivhxo{max-width:18ch}.vivhxfull .vivhxs,.vivhxfull .vivhxb{justify-content:center}
@media (max-width:1100px){.vivhxcardv .vivhxbox{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivhxrow{grid-template-columns:repeat(2,minmax(0,1fr))}.vivhxbgrid{grid-template-columns:minmax(0,1fr)}.vivhxminis{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){
 .vivhx{padding:10px 0 4px}.vivhxbox{grid-template-columns:minmax(0,1fr)!important;min-height:0;border-radius:calc(var(--kb-r) * 1.6)}
 .vivhxbox:before{display:none}
 .vivhxbg,.vivhxside{position:relative;grid-row:1;grid-column:1;width:100%;height:auto;aspect-ratio:16/10;z-index:0;object-position:var(--kb-fx,80%) 50%;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
 .vivhxside{object-position:center}
 .vivhxcut{grid-row:1;grid-column:1;max-height:230px;max-width:86%;margin:14px auto -4px;position:relative}
 .vivhxbox:has(.vivhxbg) .vivhxcut{position:absolute;left:50%;top:8px;transform:translateX(-50%);animation:none;max-height:200px}
 .vivhxmos{position:relative;grid-row:1;grid-column:1;width:100%;right:auto;left:auto;top:auto;transform:none;height:210px;overflow:hidden;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 12px 0;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
 .vivhxmos img{border-radius:10px}.vivhxmos img:nth-child(3n+2){transform:none}.vivhxmos img:nth-child(even){transform:translateY(18px)}.vivhxmos img:nth-child(n+5){display:none}
 .vivhxbox:has(.vivhxmos) .vivhxbg{display:none}.vivhxbox:has(.vivhxmos) .vivhxtxt{margin-top:-6px}
 .vivhxtxt{grid-row:2;grid-column:1;padding:0 18px 22px;margin-top:-34px}
 .vivhxbox:not(:has(.vivhxbg,.vivhxside,.vivhxmos,.vivhxcut)) .vivhxtxt{margin-top:0;padding-top:24px}
 .vivhxo{font-size:clamp(32px,10vw,44px);max-width:none}
 .vivhxb{width:100%}.vivhxb .vivbtn{flex:1 1 100%}.vivhxb .vivbtnghost{display:none}
 .vivhxcard{display:none}.vivhxrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.vivhxcell{padding:11px 12px}.vivhxcell b{font-size:13px}
 .vivhxcodes .vivhxrow{grid-row:3;margin:0 14px 16px}
 .vivhxdots{display:none}
 .vivhxgrid{grid-template-columns:minmax(0,1fr)}.vivhxsplit .vivhxframe{order:-1;aspect-ratio:16/11}.vivhxsplit .vivhxtxt{padding:4px 0 6px}
 .vivhxplain .vivhxcard{display:flex;width:100%}
 .vivhxminis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivhxmini{min-height:110px}.vivhxmini b{font-size:13.5px}.vivhxmini span{left:12px;max-width:80%}
 .vivhxfull .vivhxbox{border-radius:0;min-height:0}.vivhxfull .vivhxbg{aspect-ratio:5/4;object-position:50% 0}.vivhxfull .vivhxtxt{margin-top:-60px}
 .vivhxgrid .vivhxtxt{grid-row:auto}.vivhxosm{font-size:17px!important;margin:8px 0 12px}
 .vivhxin .vivhxh{font-size:clamp(26px,8vw,34px)}.vivhxin .vivhxbg,.vivhxin .vivhxside{aspect-ratio:16/8}
}

.vivph[data-slot]{margin:0 0 16px}
.vivpglist{margin:0 0 16px;padding-left:20px;display:grid;gap:10px}.vivpglist li::marker{color:var(--kb-acc)}
.vivpgtbl{margin:0 0 18px}.vivpgtbl td:first-child{font-weight:700}
.vivpgladder{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.vivpgladder li{position:relative;padding:18px 16px 16px;border-radius:calc(var(--kb-r) * 1.4);background:linear-gradient(160deg,var(--kb-panel),var(--kb-bg2));border:1px solid var(--kb-line);display:flex;flex-direction:column;gap:4px}
.vivpgladder b{font:800 15px/1.2 var(--kb-hf)}.vivpgladder li>span:not(.vivpgln){color:var(--kb-gold);font-weight:800;font-size:15px}
.vivpgln{position:absolute;right:14px;top:12px;font:900 30px/1 var(--kb-hf);color:color-mix(in srgb,var(--kb-tx) 12%,transparent)}
.vivpgladder code,.vivpgcards code,.vivpgcode code{align-self:flex-start;margin-top:6px;padding:4px 10px;border-radius:6px;border:1px dashed var(--kb-acc);color:var(--kb-acc);font:800 12.5px/1 monospace;background:transparent}
.vivpgcodes{display:grid;gap:10px;margin:0 0 18px}
.vivpgcode{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivpgcode b{display:block}.vivpgcode span{color:var(--kb-tx2);font-size:14px}.vivpgcode code{margin:0;font-size:14px;padding:8px 14px}
.vivpgcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0 0 18px}
.vivpgcard{display:flex;flex-direction:column;gap:4px;padding:0 0 16px;border-radius:calc(var(--kb-r) * 1.4);overflow:hidden;background:var(--kb-bg2);border:1px solid var(--kb-line);text-decoration:none;transition:transform .2s,border-color .2s}
.vivpgcard:hover{transform:translateY(-3px);border-color:var(--kb-acc)}.vivpgcard img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:right center;margin-bottom:10px}
.vivpgcard b,.vivpgcard span,.vivpgcard code{margin-left:16px;margin-right:16px}.vivpgcard b{font:800 15.5px/1.25 var(--kb-hf)}.vivpgcard span{color:var(--kb-tx2);font-size:14px}
.vivpglevels{display:grid;gap:10px;padding:4px 0 10px;margin:0 0 14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.vivpglv{position:relative;padding:16px 14px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line);display:flex;flex-direction:column;gap:3px;min-height:120px}
.vivpglv:nth-child(n){border-top:3px solid color-mix(in srgb,var(--kb-gold) 40%,var(--kb-line))}.vivpglv:last-child{border-top-color:var(--kb-gold);background:linear-gradient(180deg,color-mix(in srgb,var(--kb-gold) 14%,var(--kb-bg2)),var(--kb-bg2))}
.vivpglvn{font:900 13px/1 var(--kb-hf);color:var(--kb-tx2)}.vivpglv b{font:800 16px/1.2 var(--kb-hf)}.vivpglv span{color:var(--kb-gold);font-size:13.5px;font-weight:700}.vivpglv small{color:var(--kb-tx2);font-size:12.5px}
.vivpgperks{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vivpgperks li{padding:9px 14px;border-radius:999px;background:var(--kb-panel);border:1px solid var(--kb-line);font-weight:700;font-size:14px}
.vivpgsteps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;counter-reset:s}
.vivpgsteps li{display:flex;gap:12px;align-items:center;padding:14px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivpgsteps span{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--kb-acc);color:var(--kb-ctatx)}.vivpgsteps b{font-size:14.5px;line-height:1.3}
.vivpggames{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:0 0 18px}
.vivpggames a{position:relative;border-radius:var(--kb-r);overflow:hidden;aspect-ratio:3/4;background:var(--kb-panel)}.vivpggames img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vivpggames span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:var(--kb-acc);color:var(--kb-ctatx);font-weight:800;font-size:12px;opacity:0;transition:.2s}
.vivpggames a:hover img{transform:scale(1.06)}.vivpggames a:hover span{opacity:1}
.vivpgtourn{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0 0 18px}
.vivpgt{position:relative;border-radius:calc(var(--kb-r) * 1.4);overflow:hidden;min-height:170px;text-decoration:none;display:flex;align-items:flex-end;background:var(--kb-panel)}
.vivpgt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vivpgt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 70%)}
.vivpgt div{position:relative;z-index:1;padding:16px;display:flex;flex-direction:column}.vivpgt small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--kb-gold);font-weight:800}
.vivpgt b{font:900 22px/1.1 var(--kb-hf)}.vivpgt span{color:#ddd;font-size:14px}
.vivpgwheel{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:28px;align-items:center;margin:0 0 18px}
.vivpgwh{position:relative;aspect-ratio:1;border-radius:50%;border:8px solid var(--kb-gold);box-shadow:0 0 0 4px var(--kb-bg2),0 20px 50px -20px #000;animation:whs 30s linear infinite}
.vivpgwh i{position:absolute;left:50%;top:50%;width:46%;transform-origin:0 50%;font:800 11px/1 var(--kb-hf);font-style:normal;text-transform:uppercase;padding-left:30%;color:var(--kb-tx)}
.vivpgwhc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--kb-bg);border:3px solid var(--kb-gold);font:900 13px/1 var(--kb-hf);color:var(--kb-gold)}
@keyframes whs{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vivpgwh{animation:none}}
.vivpgwht{display:grid;gap:4px;align-content:start}.vivpgwht small{color:var(--kb-tx2);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.vivpgwht b{font:800 18px/1.2 var(--kb-hf)}.vivpgwht .vivbtn{margin-top:14px;justify-self:start}
.vivpgwht code{justify-self:start;padding:5px 10px;border:1px dashed var(--kb-acc);border-radius:6px;color:var(--kb-acc);font:800 13px/1 monospace}
.vivpgsplit{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;margin:0 0 18px}
.vivpgphone{display:flex;justify-content:center}.vivpgphf{width:230px;border-radius:34px;padding:12px;background:var(--kb-bg);border:3px solid var(--kb-line);box-shadow:0 30px 60px -24px #000,inset 0 0 0 2px var(--kb-bg2)}
.vivpgphtop{text-align:center;font:800 13px/1 var(--kb-hf);padding:8px 0 10px}.vivpgphg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vivpgphg img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.vivpgphb{display:block;margin-top:10px;padding:10px;border-radius:12px;background:var(--kb-acc);color:var(--kb-ctatx);text-align:center;font-weight:800;font-size:12.5px}
.vivpgscore{display:grid;gap:10px;margin:0 0 18px}.vivpgscore>div{display:grid;grid-template-columns:110px minmax(0,1fr) 60px;gap:14px;align-items:center}
.vivpgsb{height:10px;border-radius:10px;background:var(--kb-panel);overflow:hidden}.vivpgsb i{display:block;height:100%;background:linear-gradient(90deg,var(--kb-acc),var(--kb-gold))}.vivpgscore em{font-style:normal}
.vivpgpc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0 0 18px}.vivpgpc>div{padding:18px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivpgpc>div:first-child{border-top:3px solid #3BB273}.vivpgpc>div:last-child{border-top:3px solid #E4572E}.vivpgpc b{display:block;margin-bottom:10px;font:800 16px/1 var(--kb-hf)}
.vivpgstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 18px}.vivpgstats>div{padding:16px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line)}
.vivpgstats b{display:block;font:900 24px/1.1 var(--kb-hf);color:var(--kb-gold)}.vivpgstats span{color:var(--kb-tx2);font-size:13.5px}
.vivpgcalc{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--kb-r);background:color-mix(in srgb,var(--kb-gold) 10%,var(--kb-bg2));border:1px solid color-mix(in srgb,var(--kb-gold) 35%,var(--kb-line));margin:0 0 18px}
.vivpgcalc span{font-weight:800;color:var(--kb-gold);text-transform:uppercase;font-size:12px;letter-spacing:.1em}.vivpgcalc b{flex:1}
@media (max-width:760px){.vivpgcode{grid-template-columns:minmax(0,1fr) auto}.vivpgcode .vivbtn{grid-column:1/-1}.vivpgwheel,.vivpgsplit{grid-template-columns:minmax(0,1fr)}.vivpgwh{max-width:260px;margin:0 auto}
 .vivpgpc{grid-template-columns:minmax(0,1fr)}.vivpgscore>div{grid-template-columns:90px minmax(0,1fr) 40px}.vivpggames{grid-template-columns:repeat(3,minmax(0,1fr))}}
.vivnavmore{position:relative}.vivnavmore>button{background:none;border:0;cursor:pointer;font:inherit}
.vivnavdd{position:absolute;top:100%;right:0;min-width:220px;padding:8px;border-radius:var(--kb-r);background:var(--kb-bg2);border:1px solid var(--kb-line);box-shadow:0 20px 40px -12px #000;
display:none;flex-direction:column;z-index:60}.vivnavmore:hover .vivnavdd,.vivnavmore:focus-within .vivnavdd{display:flex}
.vivlnw{max-width:1200px;margin:0 auto;padding:18px 20px 40px}
.vivlnw img{height:auto}
.vivlnup{text-transform:uppercase}
.vivlnh1{margin:0;font:900 clamp(28px,3.2vw,44px)/1.05 var(--kb-hf);letter-spacing:-.01em}
.vivlnof{margin:10px 0 18px;font-weight:600;font-size:16px;color:var(--kb-tx)}
.vivlncr{margin-bottom:12px}
.vivlnh2{margin:0 0 16px;font:800 24px/1.25 var(--kb-hf)}
.vivlns{padding:26px 0;border-bottom:1px solid var(--kb-line)}
.vivlnsbig .vivlnh2{text-align:center;font-size:clamp(28px,3.4vw,44px);margin-bottom:22px}
.vivlncards .vivlns{border:0;background:var(--kb-bg2);border-radius:var(--kb-r);padding:24px;margin:14px 0}
.vivlnbw{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:4px;background:var(--kb-tx);color:var(--kb-bg);font:700 13px/1 var(--kb-hf);text-decoration:none;letter-spacing:.02em;align-self:flex-start}
.vivlnbnt .vivlnbw,.vivlnhb .vivlnbw,.vivlnap .vivlnbw{color:var(--kb-bg)}
.vivlnbwl{padding:14px 22px;font-size:15px}
.vivlnsa{display:inline-flex;align-items:center;padding:10px 14px;border-radius:6px;background:var(--kb-panel);color:var(--kb-tx);font:700 14px/1 var(--kb-hf);text-decoration:none}
.vivlnsa:hover,.vivlnbw:hover{filter:brightness(1.15)}
.vivlnt0,.vivlnt1,.vivlnt2,.vivlnt3{position:relative;isolation:isolate}
.vivlnt0:before,.vivlnt1:before,.vivlnt2:before,.vivlnt3:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 140% at 80% 40%,color-mix(in srgb,var(--kb-hi) 85%,var(--kb-bg)),color-mix(in srgb,var(--kb-hi) 35%,var(--kb-bg)) 55%,var(--kb-bg))}
.vivlnt0:before{filter:hue-rotate(150deg) saturate(1.6)}.vivlnt1:before{filter:hue-rotate(185deg) saturate(1.7)}.vivlnt2:before{filter:hue-rotate(20deg) saturate(1.4)}.vivlnt3:before{filter:hue-rotate(95deg) saturate(1.4)}
/* слайды-баннеры */
.vivlnbn{display:grid;gap:16px;margin:0 0 6px}.vivlnbnn1{grid-template-columns:minmax(0,1fr)}.vivlnbnn2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnbnn3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vivlnbni{display:flex;position:relative;min-height:240px;border-radius:6px;overflow:hidden;text-decoration:none;border:1px solid color-mix(in srgb,var(--kb-tx) 10%,transparent)}
.vivlnbnt{position:relative;z-index:1;color:var(--kb-tx);display:flex;flex-direction:column;gap:8px;padding:24px 16px 22px;max-width:62%}
.vivlnbnt b{font:900 25px/1.05 var(--kb-hf);text-transform:uppercase}.vivlnbnt>span:not(.vivlnbw){font-weight:700;font-size:13.5px}
.vivlnbnt .vivlnbw{margin-top:auto}.vivlnbnt .vivlnh1{font-size:26px}
.vivlnbnart{position:absolute;right:-8%;top:50%;transform:translateY(-50%) rotate(-6deg);width:58%;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:0}
.vivlnsl{position:relative}.vivlnsln{position:absolute;right:12px;bottom:12px;display:flex;gap:4px;z-index:2}
.vivlnsln i,.vivlnrhr i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--kb-panel);color:var(--kb-tx2);font-size:18px}
.vivlnsln i{background:rgba(0,0,0,.6);width:28px;height:28px}
/* hero: слайд */
.vivlnhb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;border-radius:6px;overflow:hidden;padding:30px 34px;min-height:300px;margin-bottom:18px}
.vivlnhbt{display:flex;flex-direction:column;align-items:flex-start}
.vivlnhba{position:relative;height:250px}.vivlnhba img{position:absolute;width:62%;border-radius:10px;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.vivlnhba img:nth-child(1){left:0;top:30px;transform:rotate(-7deg)}.vivlnhba img:nth-child(2){right:0;top:0;transform:rotate(5deg)}.vivlnhba img:nth-child(3){left:22%;bottom:-10px;z-index:2}
/* hero: три слайда */
.vivlnh3{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
.vivlnh3m{position:relative;overflow:hidden;border-radius:6px;padding:30px 34px;min-height:320px;display:flex;flex-direction:column;align-items:flex-start}
.vivlnh3m>*:not(.vivlnh3art){position:relative;z-index:1;max-width:60%}
.vivlnh3art{position:absolute;right:-4%;bottom:-6%;width:50%;border-radius:12px;transform:rotate(-5deg);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.vivlnh3s{display:grid;gap:16px}.vivlnh3s .vivlnbni{min-height:150px}.vivlnh3s .vivlnbnt b{font-size:20px}
/* hero: VIP */
.vivlnhv{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
.vivlnhvd{position:relative;overflow:hidden;border-radius:18px;background:var(--kb-bg2);padding:30px 32px;min-height:380px;display:flex;flex-direction:column;align-items:flex-start}
.vivlnhvd>*:not(.vivlnhvart){position:relative;z-index:1}
.vivlnhvk{font-size:22px;margin-bottom:10px}.vivlnhvd .vivlnh1{text-transform:uppercase;max-width:70%}
.vivlnhvbox{margin:16px 0 0;padding:10px 16px;border:1px solid color-mix(in srgb,var(--kb-tx) 30%,transparent);border-radius:12px;background:var(--kb-panel);font:800 20px/1.25 var(--kb-hf);max-width:70%}
.vivlnhvart{position:absolute;right:-6%;bottom:-4%;width:46%;border-radius:14px;transform:rotate(8deg);opacity:.9;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.vivlnhvg{border-radius:18px;padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--kb-gold) 30%,var(--kb-tx)),color-mix(in srgb,var(--kb-gold) 75%,var(--kb-tx)));color:rgba(0,0,0,.88);display:flex;flex-direction:column;gap:6px}
.vivlnhvh{font:800 32px/1.1 var(--kb-hf)}.vivlnhvg>span{font-size:18px}
.vivlnhvm{display:none}
.vivlnhvgo{margin-top:auto;display:block;text-align:center;padding:16px;border-radius:12px;background:rgba(0,0,0,.86);color:var(--kb-gold);font:800 18px/1 var(--kb-hf);text-decoration:none}
/* шаги в золотой панели */
.vivlnsg{list-style:none;margin:14px 0;padding:16px 20px;border-radius:14px;background:rgba(0,0,0,.1);display:grid;gap:4px}
.vivlnsg li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;position:relative;padding-bottom:12px}
.vivlnsg li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:2px;border-left:1px solid rgba(0,0,0,.45)}
.vivlnsgn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.82);color:var(--kb-tx);font-weight:800;font-size:13px}
.vivlnsg b{font:700 17px/28px var(--kb-hf)}.vivlnsg small{grid-column:2;font-size:14px;opacity:.85}
.vivlns .vivlnsg{background:linear-gradient(135deg,color-mix(in srgb,var(--kb-gold) 30%,var(--kb-tx)),color-mix(in srgb,var(--kb-gold) 70%,var(--kb-tx)));color:rgba(0,0,0,.88)}
/* hero: окно поверх лобби */
.vivlnhm{position:relative;overflow:hidden;border-radius:6px;padding:34px 16px;margin-bottom:18px;min-height:420px;display:grid;place-items:center}
.vivlnhmbg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;opacity:.28;filter:grayscale(.3)}
.vivlnhmbg img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.vivlnhmw{position:relative;width:min(520px,100%);background:var(--kb-bg2);border-radius:14px;padding:26px 30px;box-shadow:0 30px 80px rgba(0,0,0,.7);text-align:center}
.vivlnhmw .vivcrumbs{justify-content:center}.vivlnhmw .vivlnh1{font-size:clamp(24px,2.6vw,32px)}
.vivlnhmgo{display:block;padding:14px;border-radius:6px;background:var(--kb-acc);color:var(--kb-ctatx);font:800 17px/1 var(--kb-hf);text-decoration:none;margin-bottom:14px}
.vivlnhmr{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:8px;background:var(--kb-panel);margin-top:8px}
.vivlnhmr b{display:block;font-size:14.5px}.vivlnhmr span span{font-size:13px;color:var(--kb-tx2)}.vivlnhms{display:block;margin-top:12px;color:var(--kb-tx2);font-size:12px}
/* hero: крупная цифра */
.vivlnhg{text-align:center;padding:30px 0 10px;margin-bottom:12px}.vivlnhg .vivcrumbs{justify-content:center}
.vivlnhgf{font:900 clamp(64px,9vw,120px)/1 var(--kb-hf);color:var(--kb-tx2);letter-spacing:-.02em}.vivlnhgc{display:block;margin:4px 0 14px;color:var(--kb-tx2);font-weight:600}
.vivlnhggo{display:inline-flex;padding:14px 30px;border-radius:999px;background:var(--kb-acc);color:var(--kb-ctatx);font:800 16px/1 var(--kb-hf);text-decoration:none}
.vivlnhgr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}.vivlnhgi img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
/* баннер + панель (главная) */
.vivlnhs{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-bottom:6px}.vivlnhs .vivlnhb{margin:0}
/* полки игр */
.vivlnlob{padding:22px 0 0}
.vivlnrh{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding-left:16px}.vivlnrh>b{font:700 19px/1.2 var(--kb-hf)}
.vivlnrhr{display:flex;gap:8px;align-items:center}
.vivlnrr{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vivlnrr::-webkit-scrollbar{display:none}
.vivlng{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.vivlngi{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--kb-panel)}.vivlngi img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.vivlng:hover .vivlngi img{transform:scale(1.05)}
.vivlngn{font:700 14px/1.2 var(--kb-hf);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vivlnx{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.72);font:700 11px/1.3 var(--kb-hf);font-style:normal}
.vivlngp,.vivlngd{padding:8px 16px;border-radius:6px;font:800 13px/1 var(--kb-hf)}
.vivlnrr .vivlngp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--kb-acc);color:var(--kb-ctatx);opacity:0;transition:.2s}.vivlng:hover .vivlngp{opacity:1}
.vivlngg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vivlngd{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;transition:.2s}
.vivlng:hover .vivlngd{opacity:1}.vivlngd .vivlngp{background:var(--kb-acc);color:var(--kb-ctatx)}.vivlngd{background:var(--kb-panel)}
/* победители */
.vivlnwn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vivlnwni{display:flex;gap:12px;align-items:center;padding:8px;border-radius:4px;text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--kb-hi) 30%,var(--kb-panel)),color-mix(in srgb,var(--kb-hi) 55%,var(--kb-bg2)));filter:hue-rotate(55deg)}
.vivlnwni img{width:96px;height:72px;object-fit:cover;border-radius:2px;filter:hue-rotate(-55deg)}.vivlnwni>span{flex:1;min-width:0}
.vivlnwnc{flex:none;width:96px;height:72px;display:grid;place-items:center;border-radius:2px;background:rgba(0,0,0,.35);filter:hue-rotate(-55deg)}
.vivlnwnc .vivlnic{width:30px;height:30px;stroke:var(--kb-gold)}.vivlnwni b{display:block;font:800 17px/1.2 var(--kb-hf)}
.vivlnasof{margin:8px 0 0;font-size:12px;color:var(--kb-tx2)}
.vivlnwni small{display:block;font-weight:700;font-size:12px;color:var(--kb-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* промо-карточки */
.vivlnpc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px;margin:0 0 16px}.vivlnpc3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vivlnpci{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:var(--kb-panel);text-decoration:none}
.vivlnpca img{width:100%;aspect-ratio:12/5;object-fit:cover}
.vivlnpcb{display:flex;flex-direction:column;gap:6px;padding:16px}.vivlnpcb b{font:700 19px/1.2 var(--kb-hf)}.vivlnpcb span{font-size:14px}
/* строки Rewards centre */
.vivlnrw{display:grid;gap:8px;margin:0 0 16px}.vivlnrw2 .vivlnrw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vivlnrwi{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:6px;text-decoration:none;background:linear-gradient(90deg,var(--kb-panel) 30%,color-mix(in srgb,var(--kb-hi) 30%,var(--kb-panel)))}
.vivlnrwi b{display:block;font-size:15px}.vivlnrwi span span{font-size:14px;color:var(--kb-tx2)}
.vivlnrwc{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--kb-hi) 80%,var(--kb-tx))}
.vivlnic{width:22px;height:22px;fill:none;stroke:var(--kb-tx);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* шаги */
.vivlnsr{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border-radius:6px;overflow:hidden;background:var(--kb-panel)}
.vivlnsr li{padding:18px 16px;border-right:1px solid var(--kb-line);display:flex;flex-direction:column;gap:6px}.vivlnsr li:last-child{border:0}
.vivlnsr span{font:900 30px/1 var(--kb-hf);color:var(--kb-acc)}.vivlnsr b{font-size:15px;line-height:1.3}
.vivlnsl{margin:0 0 16px;padding:0;list-style:none;counter-reset:n;display:grid;gap:8px}
.vivlnsl li{counter-increment:n;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:6px;background:var(--kb-panel)}
.vivlnsl li:before{content:counter(n);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--kb-acc);color:var(--kb-ctatx);font-weight:800;grid-row:span 2}
.vivlnsl span{font-size:13.5px;color:var(--kb-tx2)}
/* условия */
.vivlnpl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}
.vivlnpl>div{padding:18px 16px;border-radius:6px;background:var(--kb-panel);display:flex;flex-direction:column;gap:4px}.vivlnpl b{font:900 26px/1.1 var(--kb-hf)}.vivlnpl span{color:var(--kb-tx2);font-size:13.5px}
.vivlnkv{margin:0 0 16px;display:grid;gap:0;border-radius:6px;overflow:hidden;background:var(--kb-panel)}
.vivlnkv>div{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--kb-line)}.vivlnkv>div:last-child{border:0}
.vivlnkv dt{color:var(--kb-tx2)}.vivlnkv dd{margin:0;font-weight:700;text-align:right}
/* турниры */
.vivlntc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.vivlntci{position:relative;border-radius:6px;overflow:hidden;text-decoration:none;min-height:210px;display:flex;align-items:flex-end;background:var(--kb-panel)}
.vivlntci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vivlntci:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.1) 75%)}
.vivlntcb{position:relative;z-index:1;padding:14px;display:flex;flex-direction:column}.vivlntcb small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--kb-gold);font-weight:800}
.vivlntcb b{font:900 22px/1.1 var(--kb-hf)}.vivlntcb span{font-size:13.5px;color:var(--kb-tx2)}
.vivlnlb{display:grid;gap:6px;margin:0 0 16px}
.vivlnlbr{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 14px;border-radius:6px;background:var(--kb-panel)}
.vivlnlbr b small{display:block;font-weight:400;font-size:13px;color:var(--kb-tx2)}
.vivlnlbn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--kb-bg);font-weight:800;color:var(--kb-gold)}.vivlnlbr>span:not(.vivlnlbn){font-weight:800;color:var(--kb-gold)}
/* платёжки */
.vivlnpt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.vivlnpti{padding:16px;border-radius:6px;background:var(--kb-panel)}
.vivlnpti>b{display:block;margin-bottom:8px;font-size:16px}.vivlnpti dl{margin:0;display:grid;gap:6px}.vivlnpti dl>div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.vivlnpti dt{color:var(--kb-tx2)}.vivlnpti dd{margin:0}
/* чек-лист */
.vivlnck{padding:16px 18px;border-radius:6px;background:var(--kb-panel);margin:0 0 16px}
.vivlnckl{list-style:none;margin:0;padding:0;display:grid;gap:12px}.vivlnckl li{display:flex;gap:12px;align-items:center}
.vivlnckl li:before{content:"";flex:none;width:18px;height:18px;border-radius:4px;background:var(--kb-acc)}
/* преимущества VIP */
.vivlnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 16px}
.vivlnavi{padding:22px 18px;border-radius:18px;background:var(--kb-bg2);border:1px solid var(--kb-line);display:flex;flex-direction:column;gap:10px}
.vivlnavi .vivlnic{width:34px;height:34px;stroke:var(--kb-gold)}.vivlnavi b{font:800 18px/1.2 var(--kb-hf)}
.vivlnch,.vivlnct{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vivlnch li,.vivlncti{padding:12px 18px;border-radius:6px;background:var(--kb-panel);font-weight:700;font-size:14.5px;text-decoration:none}
.vivlncti:hover{background:var(--kb-line)}.vivlnon{background:var(--kb-tx);color:var(--kb-bg)}
/* вкладки как в окне входа */
.vivlntb{display:flex;flex-wrap:wrap;margin:0 0 16px;border-radius:10px;background:var(--kb-bg2);padding:6px 18px 18px}
.vivlntbr{position:absolute;opacity:0;pointer-events:none}
.vivlntbl{padding:14px 18px;font:700 13.5px/1 var(--kb-hf);color:var(--kb-tx2);border-bottom:2px solid transparent;cursor:pointer}
.vivlntbp{display:none;width:100%;padding-top:16px;order:9}
.vivlntbr:checked+.vivlntbl{color:var(--kb-tx);border-color:var(--kb-acc)}
.vivlntbr:nth-of-type(1):checked~.vivlntbp:nth-of-type(1),.vivlntbr:nth-of-type(2):checked~.vivlntbp:nth-of-type(2),.vivlntbr:nth-of-type(3):checked~.vivlntbp:nth-of-type(3){display:block}
.vivlntbr:focus-visible+.vivlntbl{outline:2px solid var(--kb-acc)}
/* кнопки-ссылки и полоса приложения */
.vivlnpi{text-align:center;padding:26px 0}.vivlnpi>span{display:block;margin-bottom:12px}.vivlnpi>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.vivlnpia{padding:12px 22px;border-radius:6px;background:var(--kb-panel);font:700 16px/1 var(--kb-hf);text-decoration:none;color:var(--kb-tx)}.vivlnpia:hover{background:var(--kb-line)}
.vivlnap{display:flex;gap:20px;align-items:center;padding:16px 20px;border-radius:6px;background:var(--kb-panel);margin:22px 0}
.vivlnap>div:nth-child(2){flex:1;display:flex;flex-direction:column}.vivlnap b{font:800 18px/1.2 var(--kb-hf)}.vivlnap>div span{color:var(--kb-tx2);font-size:14px}
.vivlnapm{display:flex}.vivlnapm img{width:72px;height:54px;object-fit:cover;border-radius:6px;border:2px solid var(--kb-panel);margin-left:-18px}.vivlnapm img:first-child{margin:0}
.vivlnap .vivlnbw{align-self:center}
/* правая панель «Bonus slip» */
.vivlnsp{position:sticky;top:90px;align-self:start;border-radius:6px;background:var(--kb-panel);padding:6px;display:flex;flex-direction:column;gap:6px}
.vivlnsph{text-align:center;padding:12px;border-radius:4px;background:var(--kb-line);font-weight:700}
.vivlnspb{padding:16px 14px;display:flex;flex-direction:column;gap:6px;text-align:center}.vivlnspb b{font:800 18px/1.2 var(--kb-hf)}.vivlnspb>span{color:var(--kb-tx2);font-size:14px}
.vivlnspb small{margin-top:10px;text-align:left;font-weight:700;font-size:12.5px}
.vivlnspf{padding:12px 14px;border-radius:4px;background:var(--kb-bg2);text-align:left;color:var(--kb-tx2);font-size:14px}
.vivlnspgo{margin-top:12px;padding:14px;border-radius:4px;background:var(--kb-acc);color:var(--kb-ctatx);font:700 16px/1 var(--kb-hf);text-decoration:none}
.vivlnspq{display:grid;gap:0;padding:0 8px 8px}.vivlnspq>div{display:flex;justify-content:space-between;padding:9px 6px;border-top:1px solid var(--kb-line);font-size:13.5px}.vivlnspq span{color:var(--kb-tx2)}
/* меню-аккордеон слева */
.vivlng2{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.vivlng3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.vivlnmn{min-width:0}
.vivlnpn{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.vivlnpnall{display:block;padding:13px 12px;border-radius:4px;background:var(--kb-panel);font:700 13px/1 var(--kb-hf)}
.vivlnpng summary{list-style:none;cursor:pointer;padding:13px 12px;font-weight:700;font-size:14.5px;display:flex;justify-content:space-between}
.vivlnpng summary:after{content:"";width:7px;height:7px;border-right:2px solid var(--kb-tx2);border-bottom:2px solid var(--kb-tx2);transform:rotate(45deg);margin-top:4px}
.vivlnpng[open] summary:after{transform:rotate(-135deg);margin-top:8px}
.vivlnpng a{display:block;padding:8px 12px 8px 22px;font-size:14px;color:var(--kb-tx2);text-decoration:none}.vivlnpng a:hover{color:var(--kb-tx)}
/* оглавление, RG, отзывы, FAQ */
.vivlntoc{margin:6px 0 4px;border-radius:6px;background:var(--kb-panel)}
.vivlntoc summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between}
.vivlntoc summary:after{content:"+";color:var(--kb-acc);font-weight:900}.vivlntoc[open] summary:after{content:"\2212"}
.vivlntoc ol{margin:0;padding:0 16px 16px 36px;display:grid;gap:6px}.vivlntoc a{color:var(--kb-tx2);text-decoration:none}.vivlntoc a:hover{color:var(--kb-tx)}
.vivlnrg{padding:6px 0}.vivlnrv,.vivlnfaq{padding:26px 0 0}
.vivlnhome .vivlnhc{margin-top:30px;padding-top:10px;border-top:1px solid var(--kb-line)}
@media (max-width:1100px){.vivlng3{grid-template-columns:minmax(0,1fr)}.vivlnsp{position:static}.vivlnhs{grid-template-columns:minmax(0,1fr)}.vivlntc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vivlngg{grid-template-columns:repeat(4,minmax(0,1fr))}.vivlnwn{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnwni:nth-child(n+4){display:none}}
@media (max-width:900px){.vivlng2{grid-template-columns:minmax(0,1fr)}.vivlnpn{position:static;display:none}
 .vivlnbnn3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnbnn3>.vivlnbni:nth-child(3){display:none}.vivlnhv,.vivlnh3{grid-template-columns:minmax(0,1fr)}.vivlnh3s{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vivlnpc3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnpc3>a:nth-child(3){display:none}.vivlnrw2 .vivlnrw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.vivlnw{padding:12px 16px 30px}
 .vivlnbnt{z-index:2;max-width:64%}.vivlnbnt .vivlnh1{font-size:22px}.vivlnbnart{width:44%;right:-6%;top:auto;bottom:-4%;transform:rotate(-6deg)}
 .vivlnbnn2,.vivlnbnn3{grid-template-columns:minmax(0,1fr)}.vivlnbnn3>.vivlnbni:nth-child(n+2){display:none}.vivlnbni{min-height:200px}
 .vivlnbn .vivlnbni:only-child,.vivlnbnn2>.vivlnbni,.vivlns .vivlnbnn3>.vivlnbni{display:flex}
 .vivlnhb{grid-template-columns:minmax(0,1fr);padding:20px 18px;gap:6px}.vivlnhba{height:150px;order:-1}.vivlnhba img{width:52%}.vivlnhba img:nth-child(3){display:none}
 .vivlnh3m{padding:20px 18px;min-height:0}.vivlnh3m>*:not(.vivlnh3art){max-width:100%}.vivlnh3art{position:static;width:70%;transform:rotate(-4deg);margin:14px 0 0;order:5}
 .vivlnh3s{display:none}
 .vivlnhvd{padding:20px 18px;min-height:0}.vivlnhvd .vivlnh1,.vivlnhvbox{max-width:100%}.vivlnhvk{font-size:17px}.vivlnhvbox{font-size:16px}
 .vivlnhvm{display:inline-flex;margin-top:14px}.vivlnhvgo{display:none}
 .vivlnhvart{position:static;width:60%;margin:16px 0 0;transform:rotate(4deg)}.vivlnhvg{padding:20px 18px}.vivlnhvh{font-size:24px}
 .vivlnhm{padding:14px 10px;min-height:0}.vivlnhmbg{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnhmw{padding:20px 16px}.vivlnhmr:nth-of-type(n+2){display:none}
 .vivlnhg{padding:14px 0 6px}.vivlnhgr{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnhgi:nth-child(n+4){display:none}
 .vivlnh2{font-size:21px}.vivlns{padding:20px 0}.vivlncards .vivlns{padding:18px 14px}
 .vivlngg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlngg>a:nth-child(n+7){display:none}
 .vivlnwn{grid-template-columns:minmax(0,1fr)}.vivlnwni:nth-child(n+3){display:none}.vivlnrh{padding-left:0}.vivlnrh>b{font-size:17px}.vivlnrhr i{display:none}
 .vivlnpc,.vivlnpc3{grid-template-columns:minmax(0,1fr);gap:14px}.vivlntc,.vivlnpt{grid-template-columns:minmax(0,1fr)}.vivlntci{min-height:170px}
 .vivlnsr{grid-auto-flow:row}.vivlnsr li{border-right:0;border-bottom:1px solid var(--kb-line)}.vivlnlbr{grid-template-columns:32px minmax(0,1fr) auto}.vivlnlbr .vivlnsa{display:none}
 .vivlnap{flex-wrap:wrap}.vivlnapm{display:none}.vivlntb{padding:4px 8px 14px}.vivlntbl{padding:12px 8px;font-size:12px}
 .vivlnkv>div{flex-direction:column;gap:2px}.vivlnkv dd{text-align:left}}

.vivlnw{max-width:1200px;margin:0 auto;padding:18px 20px 40px}
.vivlnw img{height:auto}
.vivlnup{text-transform:uppercase}
.vivlnh1{margin:0;font:900 clamp(28px,3.2vw,44px)/1.05 var(--kb-hf);letter-spacing:-.01em}
.vivlnof{margin:10px 0 18px;font-weight:600;font-size:16px;color:var(--kb-tx)}
.vivlncr{margin-bottom:12px}
.vivlnh2{margin:0 0 16px;font:800 24px/1.25 var(--kb-hf)}
.vivlns{padding:26px 0;border-bottom:1px solid var(--kb-line)}
.vivlnsbig .vivlnh2{text-align:center;font-size:clamp(28px,3.4vw,44px);margin-bottom:22px}
.vivlncards .vivlns{border:0;background:var(--kb-bg2);border-radius:var(--kb-r);padding:24px;margin:14px 0}
.vivlnbw{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:4px;background:var(--kb-tx);color:var(--kb-bg);font:700 13px/1 var(--kb-hf);text-decoration:none;letter-spacing:.02em;align-self:flex-start}
.vivlnbnt .vivlnbw,.vivlnhb .vivlnbw,.vivlnap .vivlnbw{color:var(--kb-bg)}
.vivlnbwl{padding:14px 22px;font-size:15px}
.vivlnsa{display:inline-flex;align-items:center;padding:10px 14px;border-radius:6px;background:var(--kb-panel);color:var(--kb-tx);font:700 14px/1 var(--kb-hf);text-decoration:none}
.vivlnsa:hover,.vivlnbw:hover{filter:brightness(1.15)}
.vivlnt0,.vivlnt1,.vivlnt2,.vivlnt3{position:relative;isolation:isolate}
.vivlnt0:before,.vivlnt1:before,.vivlnt2:before,.vivlnt3:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 140% at 80% 40%,color-mix(in srgb,var(--kb-hi) 85%,var(--kb-bg)),color-mix(in srgb,var(--kb-hi) 35%,var(--kb-bg)) 55%,var(--kb-bg))}
.vivlnt0:before{filter:hue-rotate(150deg) saturate(1.6)}.vivlnt1:before{filter:hue-rotate(185deg) saturate(1.7)}.vivlnt2:before{filter:hue-rotate(20deg) saturate(1.4)}.vivlnt3:before{filter:hue-rotate(95deg) saturate(1.4)}
/* слайды-баннеры */
.vivlnbn{display:grid;gap:16px;margin:0 0 6px}.vivlnbnn1{grid-template-columns:minmax(0,1fr)}.vivlnbnn2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnbnn3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vivlnbni{display:flex;position:relative;min-height:240px;border-radius:6px;overflow:hidden;text-decoration:none;border:1px solid color-mix(in srgb,var(--kb-tx) 10%,transparent)}
.vivlnbnt{position:relative;z-index:1;color:var(--kb-tx);display:flex;flex-direction:column;gap:8px;padding:24px 16px 22px;max-width:62%}
.vivlnbnt b{font:900 25px/1.05 var(--kb-hf);text-transform:uppercase}.vivlnbnt>span:not(.vivlnbw){font-weight:700;font-size:13.5px}
.vivlnbnt .vivlnbw{margin-top:auto}.vivlnbnt .vivlnh1{font-size:26px}
.vivlnbnart{position:absolute;right:-8%;top:50%;transform:translateY(-50%) rotate(-6deg);width:58%;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:0}
.vivlnsl{position:relative}.vivlnsln{position:absolute;right:12px;bottom:12px;display:flex;gap:4px;z-index:2}
.vivlnsln i,.vivlnrhr i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--kb-panel);color:var(--kb-tx2);font-size:18px}
.vivlnsln i{background:rgba(0,0,0,.6);width:28px;height:28px}
/* hero: слайд */
.vivlnhb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:center;border-radius:6px;overflow:hidden;padding:30px 34px;min-height:300px;margin-bottom:18px}
.vivlnhbt{display:flex;flex-direction:column;align-items:flex-start}
.vivlnhba{position:relative;height:250px}.vivlnhba img{position:absolute;width:62%;border-radius:10px;box-shadow:0 20px 44px rgba(0,0,0,.55)}
.vivlnhba img:nth-child(1){left:0;top:30px;transform:rotate(-7deg)}.vivlnhba img:nth-child(2){right:0;top:0;transform:rotate(5deg)}.vivlnhba img:nth-child(3){left:22%;bottom:-10px;z-index:2}
/* hero: три слайда */
.vivlnh3{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
.vivlnh3m{position:relative;overflow:hidden;border-radius:6px;padding:30px 34px;min-height:320px;display:flex;flex-direction:column;align-items:flex-start}
.vivlnh3m>*:not(.vivlnh3art){position:relative;z-index:1;max-width:60%}
.vivlnh3art{position:absolute;right:-4%;bottom:-6%;width:50%;border-radius:12px;transform:rotate(-5deg);box-shadow:0 20px 50px rgba(0,0,0,.6)}
.vivlnh3s{display:grid;gap:16px}.vivlnh3s .vivlnbni{min-height:150px}.vivlnh3s .vivlnbnt b{font-size:20px}
/* hero: VIP */
.vivlnhv{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-bottom:18px}
.vivlnhvd{position:relative;overflow:hidden;border-radius:18px;background:var(--kb-bg2);padding:30px 32px;min-height:380px;display:flex;flex-direction:column;align-items:flex-start}
.vivlnhvd>*:not(.vivlnhvart){position:relative;z-index:1}
.vivlnhvk{font-size:22px;margin-bottom:10px}.vivlnhvd .vivlnh1{text-transform:uppercase;max-width:70%}
.vivlnhvbox{margin:16px 0 0;padding:10px 16px;border:1px solid color-mix(in srgb,var(--kb-tx) 30%,transparent);border-radius:12px;background:var(--kb-panel);font:800 20px/1.25 var(--kb-hf);max-width:70%}
.vivlnhvart{position:absolute;right:-6%;bottom:-4%;width:46%;border-radius:14px;transform:rotate(8deg);opacity:.9;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.vivlnhvg{border-radius:18px;padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--kb-gold) 30%,var(--kb-tx)),color-mix(in srgb,var(--kb-gold) 75%,var(--kb-tx)));color:rgba(0,0,0,.88);display:flex;flex-direction:column;gap:6px}
.vivlnhvh{font:800 32px/1.1 var(--kb-hf)}.vivlnhvg>span{font-size:18px}
.vivlnhvm{display:none}
.vivlnhvgo{margin-top:auto;display:block;text-align:center;padding:16px;border-radius:12px;background:rgba(0,0,0,.86);color:var(--kb-gold);font:800 18px/1 var(--kb-hf);text-decoration:none}
/* шаги в золотой панели */
.vivlnsg{list-style:none;margin:14px 0;padding:16px 20px;border-radius:14px;background:rgba(0,0,0,.1);display:grid;gap:4px}
.vivlnsg li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;position:relative;padding-bottom:12px}
.vivlnsg li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:2px;border-left:1px solid rgba(0,0,0,.45)}
.vivlnsgn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.82);color:var(--kb-tx);font-weight:800;font-size:13px}
.vivlnsg b{font:700 17px/28px var(--kb-hf)}.vivlnsg small{grid-column:2;font-size:14px;opacity:.85}
.vivlns .vivlnsg{background:linear-gradient(135deg,color-mix(in srgb,var(--kb-gold) 30%,var(--kb-tx)),color-mix(in srgb,var(--kb-gold) 70%,var(--kb-tx)));color:rgba(0,0,0,.88)}
/* hero: окно поверх лобби */
.vivlnhm{position:relative;overflow:hidden;border-radius:6px;padding:34px 16px;margin-bottom:18px;min-height:420px;display:grid;place-items:center}
.vivlnhmbg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px;opacity:.28;filter:grayscale(.3)}
.vivlnhmbg img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.vivlnhmw{position:relative;width:min(520px,100%);background:var(--kb-bg2);border-radius:14px;padding:26px 30px;box-shadow:0 30px 80px rgba(0,0,0,.7);text-align:center}
.vivlnhmw .vivcrumbs{justify-content:center}.vivlnhmw .vivlnh1{font-size:clamp(24px,2.6vw,32px)}
.vivlnhmgo{display:block;padding:14px;border-radius:6px;background:var(--kb-acc);color:var(--kb-ctatx);font:800 17px/1 var(--kb-hf);text-decoration:none;margin-bottom:14px}
.vivlnhmr{display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:8px;background:var(--kb-panel);margin-top:8px}
.vivlnhmr b{display:block;font-size:14.5px}.vivlnhmr span span{font-size:13px;color:var(--kb-tx2)}.vivlnhms{display:block;margin-top:12px;color:var(--kb-tx2);font-size:12px}
/* hero: крупная цифра */
.vivlnhg{text-align:center;padding:30px 0 10px;margin-bottom:12px}.vivlnhg .vivcrumbs{justify-content:center}
.vivlnhgf{font:900 clamp(64px,9vw,120px)/1 var(--kb-hf);color:var(--kb-tx2);letter-spacing:-.02em}.vivlnhgc{display:block;margin:4px 0 14px;color:var(--kb-tx2);font-weight:600}
.vivlnhggo{display:inline-flex;padding:14px 30px;border-radius:999px;background:var(--kb-acc);color:var(--kb-ctatx);font:800 16px/1 var(--kb-hf);text-decoration:none}
.vivlnhgr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}.vivlnhgi img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
/* баннер + панель (главная) */
.vivlnhs{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-bottom:6px}.vivlnhs .vivlnhb{margin:0}
/* полки игр */
.vivlnlob{padding:22px 0 0}
.vivlnrh{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding-left:16px}.vivlnrh>b{font:700 19px/1.2 var(--kb-hf)}
.vivlnrhr{display:flex;gap:8px;align-items:center}
.vivlnrr{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vivlnrr::-webkit-scrollbar{display:none}
.vivlng{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.vivlngi{position:relative;display:block;border-radius:6px;overflow:hidden;background:var(--kb-panel)}.vivlngi img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.vivlng:hover .vivlngi img{transform:scale(1.05)}
.vivlngn{font:700 14px/1.2 var(--kb-hf);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vivlnx{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.72);font:700 11px/1.3 var(--kb-hf);font-style:normal}
.vivlngp,.vivlngd{padding:8px 16px;border-radius:6px;font:800 13px/1 var(--kb-hf)}
.vivlnrr .vivlngp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--kb-acc);color:var(--kb-ctatx);opacity:0;transition:.2s}.vivlng:hover .vivlngp{opacity:1}
.vivlngg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vivlngd{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:rgba(0,0,0,.6);opacity:0;transition:.2s}
.vivlng:hover .vivlngd{opacity:1}.vivlngd .vivlngp{background:var(--kb-acc);color:var(--kb-ctatx)}.vivlngd{background:var(--kb-panel)}
/* победители */
.vivlnwn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vivlnwni{display:flex;gap:12px;align-items:center;padding:8px;border-radius:4px;text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--kb-hi) 30%,var(--kb-panel)),color-mix(in srgb,var(--kb-hi) 55%,var(--kb-bg2)));filter:hue-rotate(55deg)}
.vivlnwni img{width:96px;height:72px;object-fit:cover;border-radius:2px;filter:hue-rotate(-55deg)}.vivlnwni>span{flex:1;min-width:0}
.vivlnwnc{flex:none;width:96px;height:72px;display:grid;place-items:center;border-radius:2px;background:rgba(0,0,0,.35);filter:hue-rotate(-55deg)}
.vivlnwnc .vivlnic{width:30px;height:30px;stroke:var(--kb-gold)}.vivlnwni b{display:block;font:800 17px/1.2 var(--kb-hf)}
.vivlnasof{margin:8px 0 0;font-size:12px;color:var(--kb-tx2)}
.vivlnwni small{display:block;font-weight:700;font-size:12px;color:var(--kb-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* промо-карточки */
.vivlnpc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px;margin:0 0 16px}.vivlnpc3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vivlnpci{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:var(--kb-panel);text-decoration:none}
.vivlnpca img{width:100%;aspect-ratio:12/5;object-fit:cover}
.vivlnpcb{display:flex;flex-direction:column;gap:6px;padding:16px}.vivlnpcb b{font:700 19px/1.2 var(--kb-hf)}.vivlnpcb span{font-size:14px}
/* строки Rewards centre */
.vivlnrw{display:grid;gap:8px;margin:0 0 16px}.vivlnrw2 .vivlnrw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.vivlnrwi{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:6px;text-decoration:none;background:linear-gradient(90deg,var(--kb-panel) 30%,color-mix(in srgb,var(--kb-hi) 30%,var(--kb-panel)))}
.vivlnrwi b{display:block;font-size:15px}.vivlnrwi span span{font-size:14px;color:var(--kb-tx2)}
.vivlnrwc{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--kb-hi) 80%,var(--kb-tx))}
.vivlnic{width:22px;height:22px;fill:none;stroke:var(--kb-tx);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* шаги */
.vivlnsr{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border-radius:6px;overflow:hidden;background:var(--kb-panel)}
.vivlnsr li{padding:18px 16px;border-right:1px solid var(--kb-line);display:flex;flex-direction:column;gap:6px}.vivlnsr li:last-child{border:0}
.vivlnsr span{font:900 30px/1 var(--kb-hf);color:var(--kb-acc)}.vivlnsr b{font-size:15px;line-height:1.3}
.vivlnsl{margin:0 0 16px;padding:0;list-style:none;counter-reset:n;display:grid;gap:8px}
.vivlnsl li{counter-increment:n;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:6px;background:var(--kb-panel)}
.vivlnsl li:before{content:counter(n);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--kb-acc);color:var(--kb-ctatx);font-weight:800;grid-row:span 2}
.vivlnsl span{font-size:13.5px;color:var(--kb-tx2)}
/* условия */
.vivlnpl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}
.vivlnpl>div{padding:18px 16px;border-radius:6px;background:var(--kb-panel);display:flex;flex-direction:column;gap:4px}.vivlnpl b{font:900 26px/1.1 var(--kb-hf)}.vivlnpl span{color:var(--kb-tx2);font-size:13.5px}
.vivlnkv{margin:0 0 16px;display:grid;gap:0;border-radius:6px;overflow:hidden;background:var(--kb-panel)}
.vivlnkv>div{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--kb-line)}.vivlnkv>div:last-child{border:0}
.vivlnkv dt{color:var(--kb-tx2)}.vivlnkv dd{margin:0;font-weight:700;text-align:right}
/* турниры */
.vivlntc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.vivlntci{position:relative;border-radius:6px;overflow:hidden;text-decoration:none;min-height:210px;display:flex;align-items:flex-end;background:var(--kb-panel)}
.vivlntci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vivlntci:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.1) 75%)}
.vivlntcb{position:relative;z-index:1;padding:14px;display:flex;flex-direction:column}.vivlntcb small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--kb-gold);font-weight:800}
.vivlntcb b{font:900 22px/1.1 var(--kb-hf)}.vivlntcb span{font-size:13.5px;color:var(--kb-tx2)}
.vivlnlb{display:grid;gap:6px;margin:0 0 16px}
.vivlnlbr{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 14px;border-radius:6px;background:var(--kb-panel)}
.vivlnlbr b small{display:block;font-weight:400;font-size:13px;color:var(--kb-tx2)}
.vivlnlbn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--kb-bg);font-weight:800;color:var(--kb-gold)}.vivlnlbr>span:not(.vivlnlbn){font-weight:800;color:var(--kb-gold)}
/* платёжки */
.vivlnpt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.vivlnpti{padding:16px;border-radius:6px;background:var(--kb-panel)}
.vivlnpti>b{display:block;margin-bottom:8px;font-size:16px}.vivlnpti dl{margin:0;display:grid;gap:6px}.vivlnpti dl>div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.vivlnpti dt{color:var(--kb-tx2)}.vivlnpti dd{margin:0}
/* чек-лист */
.vivlnck{padding:16px 18px;border-radius:6px;background:var(--kb-panel);margin:0 0 16px}
.vivlnckl{list-style:none;margin:0;padding:0;display:grid;gap:12px}.vivlnckl li{display:flex;gap:12px;align-items:center}
.vivlnckl li:before{content:"";flex:none;width:18px;height:18px;border-radius:4px;background:var(--kb-acc)}
/* преимущества VIP */
.vivlnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0 0 16px}
.vivlnavi{padding:22px 18px;border-radius:18px;background:var(--kb-bg2);border:1px solid var(--kb-line);display:flex;flex-direction:column;gap:10px}
.vivlnavi .vivlnic{width:34px;height:34px;stroke:var(--kb-gold)}.vivlnavi b{font:800 18px/1.2 var(--kb-hf)}
.vivlnch,.vivlnct{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vivlnch li,.vivlncti{padding:12px 18px;border-radius:6px;background:var(--kb-panel);font-weight:700;font-size:14.5px;text-decoration:none}
.vivlncti:hover{background:var(--kb-line)}.vivlnon{background:var(--kb-tx);color:var(--kb-bg)}
/* вкладки как в окне входа */
.vivlntb{display:flex;flex-wrap:wrap;margin:0 0 16px;border-radius:10px;background:var(--kb-bg2);padding:6px 18px 18px}
.vivlntbr{position:absolute;opacity:0;pointer-events:none}
.vivlntbl{padding:14px 18px;font:700 13.5px/1 var(--kb-hf);color:var(--kb-tx2);border-bottom:2px solid transparent;cursor:pointer}
.vivlntbp{display:none;width:100%;padding-top:16px;order:9}
.vivlntbr:checked+.vivlntbl{color:var(--kb-tx);border-color:var(--kb-acc)}
.vivlntbr:nth-of-type(1):checked~.vivlntbp:nth-of-type(1),.vivlntbr:nth-of-type(2):checked~.vivlntbp:nth-of-type(2),.vivlntbr:nth-of-type(3):checked~.vivlntbp:nth-of-type(3){display:block}
.vivlntbr:focus-visible+.vivlntbl{outline:2px solid var(--kb-acc)}
/* кнопки-ссылки и полоса приложения */
.vivlnpi{text-align:center;padding:26px 0}.vivlnpi>span{display:block;margin-bottom:12px}.vivlnpi>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.vivlnpia{padding:12px 22px;border-radius:6px;background:var(--kb-panel);font:700 16px/1 var(--kb-hf);text-decoration:none;color:var(--kb-tx)}.vivlnpia:hover{background:var(--kb-line)}
.vivlnap{display:flex;gap:20px;align-items:center;padding:16px 20px;border-radius:6px;background:var(--kb-panel);margin:22px 0}
.vivlnap>div:nth-child(2){flex:1;display:flex;flex-direction:column}.vivlnap b{font:800 18px/1.2 var(--kb-hf)}.vivlnap>div span{color:var(--kb-tx2);font-size:14px}
.vivlnapm{display:flex}.vivlnapm img{width:72px;height:54px;object-fit:cover;border-radius:6px;border:2px solid var(--kb-panel);margin-left:-18px}.vivlnapm img:first-child{margin:0}
.vivlnap .vivlnbw{align-self:center}
/* правая панель «Bonus slip» */
.vivlnsp{position:sticky;top:90px;align-self:start;border-radius:6px;background:var(--kb-panel);padding:6px;display:flex;flex-direction:column;gap:6px}
.vivlnsph{text-align:center;padding:12px;border-radius:4px;background:var(--kb-line);font-weight:700}
.vivlnspb{padding:16px 14px;display:flex;flex-direction:column;gap:6px;text-align:center}.vivlnspb b{font:800 18px/1.2 var(--kb-hf)}.vivlnspb>span{color:var(--kb-tx2);font-size:14px}
.vivlnspb small{margin-top:10px;text-align:left;font-weight:700;font-size:12.5px}
.vivlnspf{padding:12px 14px;border-radius:4px;background:var(--kb-bg2);text-align:left;color:var(--kb-tx2);font-size:14px}
.vivlnspgo{margin-top:12px;padding:14px;border-radius:4px;background:var(--kb-acc);color:var(--kb-ctatx);font:700 16px/1 var(--kb-hf);text-decoration:none}
.vivlnspq{display:grid;gap:0;padding:0 8px 8px}.vivlnspq>div{display:flex;justify-content:space-between;padding:9px 6px;border-top:1px solid var(--kb-line);font-size:13.5px}.vivlnspq span{color:var(--kb-tx2)}
/* меню-аккордеон слева */
.vivlng2{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
.vivlng3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.vivlnmn{min-width:0}
.vivlnpn{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.vivlnpnall{display:block;padding:13px 12px;border-radius:4px;background:var(--kb-panel);font:700 13px/1 var(--kb-hf)}
.vivlnpng summary{list-style:none;cursor:pointer;padding:13px 12px;font-weight:700;font-size:14.5px;display:flex;justify-content:space-between}
.vivlnpng summary:after{content:"";width:7px;height:7px;border-right:2px solid var(--kb-tx2);border-bottom:2px solid var(--kb-tx2);transform:rotate(45deg);margin-top:4px}
.vivlnpng[open] summary:after{transform:rotate(-135deg);margin-top:8px}
.vivlnpng a{display:block;padding:8px 12px 8px 22px;font-size:14px;color:var(--kb-tx2);text-decoration:none}.vivlnpng a:hover{color:var(--kb-tx)}
/* оглавление, RG, отзывы, FAQ */
.vivlntoc{margin:6px 0 4px;border-radius:6px;background:var(--kb-panel)}
.vivlntoc summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between}
.vivlntoc summary:after{content:"+";color:var(--kb-acc);font-weight:900}.vivlntoc[open] summary:after{content:"\2212"}
.vivlntoc ol{margin:0;padding:0 16px 16px 36px;display:grid;gap:6px}.vivlntoc a{color:var(--kb-tx2);text-decoration:none}.vivlntoc a:hover{color:var(--kb-tx)}
.vivlnrg{padding:6px 0}.vivlnrv,.vivlnfaq{padding:26px 0 0}
.vivlnhome .vivlnhc{margin-top:30px;padding-top:10px;border-top:1px solid var(--kb-line)}
@media (max-width:1100px){.vivlng3{grid-template-columns:minmax(0,1fr)}.vivlnsp{position:static}.vivlnhs{grid-template-columns:minmax(0,1fr)}.vivlntc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vivlngg{grid-template-columns:repeat(4,minmax(0,1fr))}.vivlnwn{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnwni:nth-child(n+4){display:none}}
@media (max-width:900px){.vivlng2{grid-template-columns:minmax(0,1fr)}.vivlnpn{position:static;display:none}
 .vivlnbnn3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnbnn3>.vivlnbni:nth-child(3){display:none}.vivlnhv,.vivlnh3{grid-template-columns:minmax(0,1fr)}.vivlnh3s{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vivlnpc3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlnpc3>a:nth-child(3){display:none}.vivlnrw2 .vivlnrw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.vivlnw{padding:12px 16px 30px}
 .vivlnbnt{z-index:2;max-width:64%}.vivlnbnt .vivlnh1{font-size:22px}.vivlnbnart{width:44%;right:-6%;top:auto;bottom:-4%;transform:rotate(-6deg)}
 .vivlnbnn2,.vivlnbnn3{grid-template-columns:minmax(0,1fr)}.vivlnbnn3>.vivlnbni:nth-child(n+2){display:none}.vivlnbni{min-height:200px}
 .vivlnbn .vivlnbni:only-child,.vivlnbnn2>.vivlnbni,.vivlns .vivlnbnn3>.vivlnbni{display:flex}
 .vivlnhb{grid-template-columns:minmax(0,1fr);padding:20px 18px;gap:6px}.vivlnhba{height:150px;order:-1}.vivlnhba img{width:52%}.vivlnhba img:nth-child(3){display:none}
 .vivlnh3m{padding:20px 18px;min-height:0}.vivlnh3m>*:not(.vivlnh3art){max-width:100%}.vivlnh3art{position:static;width:70%;transform:rotate(-4deg);margin:14px 0 0;order:5}
 .vivlnh3s{display:none}
 .vivlnhvd{padding:20px 18px;min-height:0}.vivlnhvd .vivlnh1,.vivlnhvbox{max-width:100%}.vivlnhvk{font-size:17px}.vivlnhvbox{font-size:16px}
 .vivlnhvm{display:inline-flex;margin-top:14px}.vivlnhvgo{display:none}
 .vivlnhvart{position:static;width:60%;margin:16px 0 0;transform:rotate(4deg)}.vivlnhvg{padding:20px 18px}.vivlnhvh{font-size:24px}
 .vivlnhm{padding:14px 10px;min-height:0}.vivlnhmbg{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnhmw{padding:20px 16px}.vivlnhmr:nth-of-type(n+2){display:none}
 .vivlnhg{padding:14px 0 6px}.vivlnhgr{grid-template-columns:repeat(3,minmax(0,1fr))}.vivlnhgi:nth-child(n+4){display:none}
 .vivlnh2{font-size:21px}.vivlns{padding:20px 0}.vivlncards .vivlns{padding:18px 14px}
 .vivlngg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vivlngg>a:nth-child(n+7){display:none}
 .vivlnwn{grid-template-columns:minmax(0,1fr)}.vivlnwni:nth-child(n+3){display:none}.vivlnrh{padding-left:0}.vivlnrh>b{font-size:17px}.vivlnrhr i{display:none}
 .vivlnpc,.vivlnpc3{grid-template-columns:minmax(0,1fr);gap:14px}.vivlntc,.vivlnpt{grid-template-columns:minmax(0,1fr)}.vivlntci{min-height:170px}
 .vivlnsr{grid-auto-flow:row}.vivlnsr li{border-right:0;border-bottom:1px solid var(--kb-line)}.vivlnlbr{grid-template-columns:32px minmax(0,1fr) auto}.vivlnlbr .vivlnsa{display:none}
 .vivlnap{flex-wrap:wrap}.vivlnapm{display:none}.vivlntb{padding:4px 8px 14px}.vivlntbl{padding:12px 8px;font-size:12px}
 .vivlnkv>div{flex-direction:column;gap:2px}.vivlnkv dd{text-align:left}}
.vivhdact{display:flex;align-items:center;gap:10px;margin-left:auto}.vivhdcta,.vivhdbm{display:flex;align-items:center}
.vivhdgrid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.vivhdgrid .vivnav{justify-content:flex-start}.vivhdgrid .vivhdact{justify-self:end}
.vivhdv4 .vivhdsp{flex:1}.vivhdv4 .vivnav{flex:0 1 auto;justify-content:flex-end}
.vivhdrow2{border-top:1px solid var(--kb-line);background:color-mix(in srgb,var(--kb-bg2) 70%,transparent)}.vivhdrow2 .vivnav{min-height:46px;align-items:center;justify-content:flex-start}
.vivhdv5 .vivhdrow2 .vivnav{justify-content:center}.vivhdl{font-size:12.5px;color:var(--kb-tx2);letter-spacing:.02em}
.vivhdutil{font-size:12.5px;background:color-mix(in srgb,var(--kb-acc) 16%,var(--kb-bg2));border-bottom:1px solid var(--kb-line)}
.vivhdutilin{display:flex;gap:14px;align-items:center;min-height:32px}.vivhdutilin a{margin-left:auto;color:inherit}.vivhdutilin b{padding:1px 7px;border-radius:6px;border:1px solid var(--kb-line)}
@media (max-width:980px){.vivhdutil,.vivhdrow2,.vivhdl{display:none!important}
 .vivtop .vivtopin{display:grid!important;align-items:center;gap:10px}.vivtop .vivtopin>.vivnav{display:none!important}.vivhdact{display:contents}
 .vivtop .vivtopin .vivlogo{grid-area:lg}.vivhdcta{grid-area:ct}.vivhdbm{grid-area:bm}.vivhdsp{display:none}
 .vivhmv0 .vivtopin{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"lg . ct bm"}
 .vivhmv1 .vivtopin{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bm lg ct"}.vivhmv1 .vivtopin .vivlogo{justify-self:center}
 .vivhmv2 .vivtopin{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:". lg bm"}.vivhmv2 .vivhdcta{display:none}.vivhmv2 .vivhdbm{justify-self:end}
 .vivhmv3 .vivtopin{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"bm lg . ct"}
 .vivhmv4 .vivtopin{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lg . bm" "ct ct ct";height:auto!important;padding-top:8px;padding-bottom:8px}.vivhmv4 .vivhdcta>*{width:100%;justify-content:center}
 .vivhmv5 .vivtopin{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"ct lg bm"}.vivhmv5 .vivhdcta{justify-self:start}.vivhmv5 .vivhdbm{justify-self:end}
 .vivhdcta .vivbtn{display:inline-flex!important}}
.vivfth{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kb-tx2);margin:0 0 6px}
.vivftbox{border:1px solid var(--kb-line);border-radius:var(--kb-r);padding:16px 18px!important;margin-top:22px}
.vivftv1 .vivfootcols{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}
.vivftc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:760px;margin:0 auto}
.vivftinline{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.vivftsm .vivfoota{font-size:13px}.vivftv2 .vivfootrg{justify-content:center;text-align:center}
.vivftv3 .vivfootcols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.vivft2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.vivftband{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;margin:0 0 30px;border-radius:var(--kb-r);
 background:linear-gradient(120deg,color-mix(in srgb,var(--kb-acc) 30%,var(--kb-panel)),var(--kb-panel))}.vivftband span{display:flex;flex-direction:column}.vivftband small{color:var(--kb-tx2)}.vivftband b{font-size:20px}
.vivftv4 .vivfootcols{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
.vivfthelp{display:flex;gap:14px;align-items:center;padding:18px 20px;margin:0 0 28px;border-radius:var(--kb-r);border:1px solid var(--kb-line);font-size:15px}
.vivfthelp b{font-size:22px;padding:6px 10px;border-radius:10px;background:var(--kb-panel)}.vivfthelp a{color:inherit;font-weight:700}
.vivftv5 .vivfootcols{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.vivftv5 .vivftinline{justify-content:flex-start;margin-top:12px}
@media (max-width:760px){.vivfoot .vivfootcols,.vivft2{grid-template-columns:minmax(0,1fr)!important}.vivfthelp{flex-direction:column;align-items:flex-start}}

.vivbmbtn{display:none;appearance:none;-webkit-appearance:none;border:0;background:none;color:var(--kb-tx);cursor:pointer;padding:0;margin:0;font:inherit;align-items:center;justify-content:center;flex:none;-webkit-tap-highlight-color:transparent;position:relative}
@media (max-width:980px){.vivbmbtn{display:inline-flex}}
@media (min-width:981px){.vivbmpanel,.vivbmtab{display:none!important}}
.vivbmbtn:focus-visible,.vivbmpanel a:focus-visible,.vivbmpanel button:focus-visible,.vivbmpanel summary:focus-visible,.vivbmtab a:focus-visible,.vivbmtab button:focus-visible{outline:2px solid var(--kb-acc);outline-offset:2px}
html.vivbmlock,html.vivbmlock body{overflow:hidden}
.vivbmpanel{position:fixed;inset:0;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility 0s linear .45s}
.vivbmpanel.vivbmopen{visibility:visible;pointer-events:auto;transition-delay:0s}
.vivbmov{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .35s ease}
.vivbmopen .vivbmov{opacity:1}
.vivbmsheet{position:absolute;display:flex;flex-direction:column;color:var(--kb-tx);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}
.vivbmsheet *{box-sizing:border-box}
.vivbmlogo{display:block;height:30px;width:auto;max-width:150px;object-fit:contain}
.vivbmcls{appearance:none;-webkit-appearance:none;border:1px solid var(--kb-line);background:var(--kb-panel);color:var(--kb-tx);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0;transition:transform .25s ease,background .25s ease}
.vivbmcls:active{transform:scale(.92)}
.vivbmcls svg{width:18px;height:18px}
.vivbmcta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:12px 16px;border-radius:var(--kb-r);background:linear-gradient(135deg,var(--kb-acc),var(--kb-acc2));color:var(--kb-ctatx);text-decoration:none;line-height:1.2;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .2s ease}
.vivbmcta:active{transform:scale(.98)}
.vivbmcta small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.vivbmcta b{font-family:var(--kb-hf);font-size:16px;font-weight:800}
.vivbmlegal{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;line-height:1.5}
.vivbmlegal a{color:var(--kb-tx2);text-decoration:none}
.vivbmlegal a:hover,.vivbmlegal a.vivbmon{color:var(--kb-tx)}
.vivbmrg{margin:0;font-size:11.5px;color:var(--kb-tx2);letter-spacing:.02em}
.vivbmrg b{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 5px;border:1px solid var(--kb-line);border-radius:10px;font-size:10.5px;color:var(--kb-tx)}
.vivbmrg a{color:var(--kb-tx2);text-decoration:none;font-weight:600}
@media (prefers-reduced-motion:reduce){.vivbmpanel,.vivbmpanel *,.vivbmbtn,.vivbmbtn *,.vivbmtab,.vivbmtab *{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}

.vivbmb4{width:44px;height:44px;gap:4px;border-radius:50%;background:var(--kb-panel);border:1px solid var(--kb-line)}
.vivbmb4 .vivbmd{width:5px;height:5px;border-radius:50%;background:currentColor;transition:transform .3s ease,opacity .3s ease}
.vivbmb4.vivbmx .vivbmd:nth-child(1){transform:translateX(9px);opacity:.4}
.vivbmb4.vivbmx .vivbmd:nth-child(3){transform:translateX(-9px);opacity:.4}
.vivbmbs{left:0;right:0;bottom:0;max-height:88vh;background:var(--kb-bg2);border-top:1px solid var(--kb-line);border-radius:calc(var(--kb-r) * 2.5) calc(var(--kb-r) * 2.5) 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.5);padding:8px 18px calc(22px + env(safe-area-inset-bottom));gap:14px;transform:translateY(104%);transition:transform .45s cubic-bezier(.2,.9,.25,1)}
.vivbmopen .vivbmbs{transform:none}
.vivbmgrab{width:44px;height:5px;border-radius:5px;background:var(--kb-line);margin:4px auto 0;flex:none}
.vivbmbs .vivbmhd{display:flex;align-items:center;justify-content:space-between}
.vivbmchips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.vivbmchips a{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border-radius:var(--kb-r);background:var(--kb-panel);border:1px solid var(--kb-line);color:var(--kb-tx);text-decoration:none;font-size:14px;font-weight:600;line-height:1.25;transition:border-color .2s ease,transform .2s ease}
.vivbmchips a:active{transform:scale(.98)}
.vivbmchips .vivbmic{width:20px;height:20px;flex:none;color:var(--kb-acc)}
.vivbmchips span{min-width:0;overflow-wrap:anywhere}
.vivbmchips a.vivbmon{border-color:var(--kb-acc);box-shadow:inset 0 0 0 1px var(--kb-acc)}
.vivbmbs .vivbmft{display:flex;flex-direction:column;gap:10px;padding-top:4px}