
body{margin:0}
*{box-sizing:border-box}html,body{overflow-anchor:none}
.dk{--bg:#0b0c11;--fg:#fff;--mu:#aeb2c0;--ln:rgba(255,255,255,.14);--cd:#14161f;--eb:color-mix(in srgb,var(--accent) 62%,#fff);--hd:#fff}
.lt{--bg:#fff;--fg:#14161f;--mu:#555a6b;--ln:rgba(20,22,31,.12);--cd:#fff;--eb:var(--accent);--hd:#14161f}
.ms{--bg:#f1f2f6;--fg:#14161f;--mu:#555a6b;--ln:rgba(20,22,31,.12);--cd:#fff;--eb:var(--accent);--hd:#14161f}
.rd{--bg:#7d141b;--fg:#fff;--mu:rgba(255,255,255,.9);--ln:rgba(255,255,255,.3);--cd:#fff;--eb:#ffd9db;--hd:#fff}
.dk,.lt,.ms,.rd{background:var(--bg);color:var(--fg);position:relative}
.rd{background:linear-gradient(118deg,#5e0d14 0%,#8f1a22 28%,#6c1017 52%,#a81f29 76%,#5e0d14 100%);background-size:320% 320%;animation:rdsh 18s ease-in-out infinite alternate;overflow:hidden;isolation:isolate}
.rd::before{content:"";position:absolute;z-index:-1;width:90%;aspect-ratio:1;inset-inline-end:-20%;top:-60%;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,0) 0 46px,rgba(255,120,128,.16) 47px 49px,rgba(255,255,255,0) 50px 96px);animation:rpl 14s linear infinite}
.rd::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(60% 80% at 15% 100%,rgba(214,52,62,.38),transparent 70%),radial-gradient(50% 70% at 90% 0%,rgba(40,4,8,.5),transparent 70%);animation:wv 12s ease-in-out infinite alternate}
@keyframes rdsh{from{background-position:0% 40%}to{background-position:100% 60%}}
@keyframes rpl{from{transform:scale(.7);opacity:.9}to{transform:scale(1.25);opacity:.35}}
@keyframes wv{from{transform:translateX(-4%) scale(1)}to{transform:translateX(5%) scale(1.12)}}
.w{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}
.sec{padding:110px 0}
.lat{font-family:'Michroma',sans-serif;letter-spacing:.28em}
.mu{color:var(--mu)}
.eb{color:var(--eb);font-size:13px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.eb::before{content:"";width:34px;height:2px;background:currentColor;flex:none}
h1,h2,h3{font-weight:700;color:var(--hd)}
h2{margin:0 0 34px;font-size:clamp(30px,4.2vw,50px);line-height:1.28}
h3{margin:0 0 10px;font-size:20px;line-height:1.55}
p{margin:0}
a{color:inherit}
.top{position:sticky;top:0;z-index:60;background:rgba(11,12,17,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.top .w{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:12px;padding-bottom:12px}
.nav{display:flex;gap:20px;flex:1 1 auto;justify-content:center;overflow-x:auto;scrollbar-width:none}
.nav a{color:#c9ccd6;text-decoration:none;font-size:14.5px;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s}
.nav a:hover{color:#fff}
.nav a.on{color:#fff;border-bottom-color:var(--accent)}
.lg{font-size:12px;color:#8a8fa0;letter-spacing:.15em;white-space:nowrap}
.btn{display:inline-block;padding:15px 30px;font-weight:700;text-decoration:none;font-size:16px;line-height:1.4;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(196,34,42,.35)}
.btn::after{content:"";position:absolute;inset-block:0;width:46%;inset-inline-start:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:shine 4.2s ease-in-out infinite}
.b-red{background:var(--accent);color:#fff}
.b-line{border:1.5px solid currentColor}
.b-wh{background:#fff;color:#14161f}
.ft{background:#07080c;border-top:1px solid rgba(255,255,255,.1);color:#a9adbb;font-size:14px;line-height:1.8}
.ftg{display:grid;gap:28px 40px;grid-template-columns:1.5fr 1fr 1fr 1.3fr;padding-top:38px;padding-bottom:30px;align-items:start}
.fc a{display:block;color:#a9adbb;text-decoration:none;line-height:1.9}
.fc a:hover{color:#fff}
.fd{max-width:300px;margin-top:12px}
.fh{color:#fff;font-size:15px;font-weight:700;margin:0 0 8px;line-height:1.9}
.fbr{display:flex;align-items:center;gap:10px;line-height:1.9;color:#e3e5ec}
.fbr svg.fg{flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.fbr span{flex:0 1 auto;min-width:0}
.fbr .fm{width:24px;display:inline-flex;justify-content:center;flex:none}
.fc a.wa{display:inline-flex;flex:none;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:rgba(37,211,102,.14);color:#25D366;transition:background .2s,transform .2s;line-height:1}
.fc a.wa:hover{background:#25D366;color:#07080c;transform:scale(1.08)}
.fb{border-top:1px solid rgba(255,255,255,.1)}
.fbi{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;font-size:13px}
.fl{display:flex;flex-wrap:wrap;gap:6px 22px}
.fc .fl a,.fl a{display:inline;color:#8f94a5;text-decoration:none}
.fl a:hover{color:#fff}
.sbc{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:#a9adbb;font:inherit;font-size:13px;cursor:pointer;padding:0}
.sbc .chip{background:#fff;border-radius:8px;padding:5px 12px;display:inline-flex;transition:transform .2s,box-shadow .2s}
.sbc:hover .chip{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.4)}
.sbc img{height:26px;width:auto;display:block}
.cm{position:fixed;inset:0;z-index:200;background:rgba(5,6,10,.82);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;overflow:auto}
.cm.on{display:flex}
.cmb{background:#fff;color:#14161f;max-width:880px;width:100%;box-shadow:0 40px 90px rgba(0,0,0,.6);animation:rise .35s both;max-height:calc(100vh - 40px);overflow:auto}
.cmh{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(20,22,31,.12);position:sticky;top:0;background:#fff}
.cmh img{height:34px;width:auto}
.cmx{background:#14161f;color:#fff;border:0;width:38px;height:38px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}
.cmx:hover{background:var(--accent)}
.cmb img.ct{display:block;width:100%;height:auto}
.cmn{padding:14px 20px 18px;font-size:13px;line-height:1.8;color:#555a6b;border-top:1px solid rgba(20,22,31,.12)}
.lang-en .arw,.lang-sv .arw{transform:scaleX(-1)}
.app:not(.lang-en):not(.lang-sv) [data-l=en],.app:not(.lang-en):not(.lang-sv) [data-l=sv]{display:none!important}
.lang-ar [data-l=en],.lang-ar [data-l=sv],.lang-en [data-l=ar],.lang-en [data-l=sv],.lang-sv [data-l=ar],.lang-sv [data-l=en]{display:none!important}
.lang-en .tick b,.lang-sv .tick b,.lang-en .mq2 b,.lang-sv .mq2 b,.lang-en .mq b,.lang-sv .mq b{direction:ltr}
@media(max-width:980px){.ftg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftg{grid-template-columns:1fr}}
.chh{display:flex;align-items:center;gap:16px;margin-bottom:34px}
.chh .lat{font-size:12px;color:var(--eb)}
.chh i{flex:1;height:1px;background:var(--ln)}
.chh a{font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;opacity:.9}
.chh a:hover{opacity:1;color:var(--eb)}
.card{background:var(--cd);border:1px solid var(--ln);padding:28px}
.shadow{box-shadow:0 24px 60px rgba(20,22,31,.14)}
.hp{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:2}
.hp i{width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid #fff;position:relative;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.hp i::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--accent);opacity:.5;animation:pl 2.2s ease-out infinite}
.hp span{background:#fff;color:#14161f;font-size:13px;font-weight:600;padding:5px 12px;box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap}
@keyframes rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes fl{to{transform:translateY(-14px)}}
@keyframes pl{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}
@keyframes dr{to{stroke-dashoffset:0}}
@keyframes clipup{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
@keyframes clipx{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes sx{from{transform:scaleX(0)}to{transform:none}}
@keyframes sy{from{transform:scaleY(0)}to{transform:none}}
@keyframes zoom{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes kb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shine{0%,60%{inset-inline-start:-60%}100%{inset-inline-start:130%}}
@keyframes sweep{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@keyframes blink{50%{opacity:.25}}
@keyframes bar{from{width:6%}to{width:100%}}
.mbt,.nvcta{display:none}
.mbt{flex:none;width:46px;height:46px;border-radius:15px 4px 15px 4px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;padding:0;position:relative;transition:border-color .25s,box-shadow .25s}
.mbt span{position:absolute;inset-inline-start:13px;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .2s,top .3s}
.mbt span:nth-child(1){top:16px}.mbt span:nth-child(2){top:22px}.mbt span:nth-child(3){top:28px}
.top.nvo .mbt{border-color:rgba(255,138,144,.8);box-shadow:0 0 0 4px rgba(196,34,42,.18)}
.top.nvo .mbt span:nth-child(1){top:22px;transform:rotate(45deg)}
.top.nvo .mbt span:nth-child(2){opacity:0}
.top.nvo .mbt span:nth-child(3){top:22px;transform:rotate(-45deg)}
@media(max-width:980px){
.top .w{gap:10px 12px}
.top .w>.ncta{display:none}
.top .w>a:first-child{order:1}
.lgx{order:2;margin-inline-start:auto}
.mbt{display:block;order:3}
.nav{order:5;flex-basis:100%;display:none;flex-direction:column;gap:0;overflow:visible;justify-content:flex-start;padding:6px 0 4px;margin-top:2px;border-top:1px solid rgba(255,255,255,.1)}
.nav a{padding:14px 6px;font-size:16.5px;border-bottom:1px solid rgba(255,255,255,.07)}
.nav a.on{border-bottom-color:rgba(255,255,255,.07);border-inline-start:3px solid var(--accent);padding-inline-start:12px}
.nvcta{order:6;flex-basis:100%;padding:10px 0 6px}
.top.nvo .nav{display:flex;animation:rise .28s both}
.top.nvo .nvcta{display:block}
.top.nvo{max-height:100vh;overflow-y:auto}
}
@media(max-width:700px){.sec{padding:76px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes angr{to{--ang:360deg}}
/* ---- navbar CTA */
.ncta{--ang:0deg;position:relative;display:inline-flex;padding:1.5px;border-radius:15px 4px 15px 4px;text-decoration:none;color:#fff;background:conic-gradient(from var(--ang),#ff8a90,#c4222a 22%,rgba(255,255,255,.08) 46%,#ff5a63 72%,#ff8a90);animation:angr 3.6s linear infinite;box-shadow:0 0 26px rgba(196,34,42,.5);transition:box-shadow .35s,transform .35s;flex:none}
.ncta:hover{box-shadow:0 0 38px rgba(255,90,99,.8);transform:translateY(-2px)}
.nci{position:relative;display:flex;align-items:center;gap:12px;padding:5px 6px;padding-inline-start:18px;border-radius:13.5px 3px 13.5px 3px;background:linear-gradient(115deg,#d3262f,#8f1a22 70%);overflow:hidden;font-weight:700;font-size:14.5px;line-height:1.3;white-space:nowrap}
.nci::before{content:"";position:absolute;inset-block:0;width:38%;inset-inline-start:-50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 4.6s ease-in-out infinite}
.ncl{position:relative}
.nck{position:relative;width:34px;height:34px;border-radius:11px 3px 11px 3px;background:#fff;color:#c4222a;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.nck svg{transition:transform .45s cubic-bezier(.6,0,.2,1)}
.ncta:hover .nck svg{animation:fly .7s cubic-bezier(.6,0,.2,1)}
[dir=rtl] .nck svg{transform:scaleX(-1)}
@keyframes fly{0%{transform:translate(0,0)}45%{transform:translate(120%,-120%);opacity:0}46%{transform:translate(-120%,120%);opacity:0}100%{transform:translate(0,0);opacity:1}}
[dir=rtl] .ncta:hover .nck svg{animation:flyr .7s cubic-bezier(.6,0,.2,1)}
@keyframes flyr{0%{transform:scaleX(-1) translate(0,0)}45%{transform:scaleX(-1) translate(120%,-120%);opacity:0}46%{transform:scaleX(-1) translate(-120%,120%);opacity:0}100%{transform:scaleX(-1) translate(0,0);opacity:1}}
/* ---- language switcher */
.lgx{position:relative;flex:none}
.lgb{display:flex;align-items:center;gap:10px;height:46px;padding:4px 12px 4px 4px;padding-inline:4px 12px;border-radius:15px 4px 15px 4px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.22);color:#fff;font:inherit;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s}
.lgb:hover,.lgx.open .lgb{border-color:rgba(255,138,144,.8);box-shadow:0 0 0 4px rgba(196,34,42,.18)}
.lgo{position:relative;width:36px;height:36px;border-radius:12px 3px 12px 3px;background:rgba(196,34,42,.22);color:#ff8a90;display:flex;align-items:center;justify-content:center}
.lgo svg{transition:transform .6s cubic-bezier(.6,0,.2,1)}
.lgb:hover .lgo svg,.lgx.open .lgo svg{transform:rotate(180deg)}
.lgc{font-family:'Michroma',sans-serif;font-size:11.5px;letter-spacing:.14em;line-height:1}
.lgb svg.cv{opacity:.7;transition:transform .3s}
.lgx.open .lgb svg.cv{transform:rotate(180deg)}
.lgl{position:absolute;inset-inline-end:0;top:calc(100% + 14px);width:268px;padding:10px;border-radius:20px 5px 20px 5px;background:rgba(15,17,25,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(196,34,42,.2);display:none;z-index:80;transform-origin:top}
.lgx.open .lgl{display:block;animation:lgp .28s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes lgp{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.lgl::before{content:"";position:absolute;top:-6px;inset-inline-end:22px;width:12px;height:12px;background:rgba(15,17,25,.96);border-top:1px solid rgba(255,255,255,.16);border-inline-start:1px solid rgba(255,255,255,.16);transform:rotate(45deg)}
.lgh{margin:2px 8px 8px;font-size:11.5px;color:#8f94a5;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
.lgh::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.lgl button{position:relative;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;align-items:center;width:100%;background:none;border:0;color:#c9ccd6;font:inherit;padding:8px;border-radius:14px 4px 14px 4px;cursor:pointer;text-align:start;transition:background .2s,color .2s}
.lgl button:hover{background:rgba(255,255,255,.07);color:#fff}
.lgk{width:42px;height:42px;border-radius:13px 3px 13px 3px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-family:'Michroma',sans-serif;font-size:11px;letter-spacing:.06em;color:#fff;transition:all .25s}
.lgn b{display:block;font-size:15.5px;font-weight:700;line-height:1.3}
.lgn small{display:block;font-size:11.5px;color:#7f8496;margin-top:1px;direction:ltr;text-align:start}
.lgt{width:22px;height:22px;border-radius:50%;background:#c4222a;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);transition:all .3s}
.lgl button.on{background:linear-gradient(110deg,rgba(196,34,42,.28),rgba(196,34,42,.06));color:#fff}
.lgl button.on .lgk{background:linear-gradient(135deg,#e0343c,#a5151d);border-color:#ff8a90;box-shadow:0 0 22px rgba(196,34,42,.65)}
.lgl button.on .lgt{opacity:1;transform:none}
@media(max-width:560px){.top .w{gap:10px 12px}.ncta .nci{font-size:13px;padding-inline-start:14px;gap:9px}.nck{width:30px;height:30px}.lgc{font-size:10.5px}.lgb{padding-inline:4px 8px;gap:7px}.lgl{position:fixed;inset-inline:12px;top:72px;width:auto}.lgl::before{display:none}}


/* ---- CTA band buttons */
.cbs{display:flex;flex-wrap:wrap;gap:16px;align-items:center;position:relative;z-index:1}
.cb1{position:relative;display:inline-flex;align-items:center;gap:18px;padding:9px 9px;padding-inline-start:30px;min-height:64px;border-radius:20px 5px 20px 5px;background:#fff;color:#14161f;text-decoration:none;font-weight:700;font-size:17.5px;overflow:hidden;isolation:isolate;box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:cbp 2.8s ease-out infinite;transition:transform .35s,color .35s}
@keyframes cbp{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%,100%{box-shadow:0 0 0 18px rgba(255,255,255,0)}}
.cb1::before{content:"";position:absolute;inset:0;background:#14161f;transform:translateY(101%);transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.cb1:hover{color:#fff;transform:translateY(-3px)}
.cb1:hover::before{transform:none}
.cb1 .cbk{width:46px;height:46px;border-radius:15px 4px 15px 4px;background:linear-gradient(135deg,#e0343c,#a5151d);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.cb1 .cbk svg{transition:transform .45s cubic-bezier(.6,0,.2,1)}
.cb1:hover .cbk svg{transform:translateX(5px)}
[dir=rtl] .cb1:hover .cbk svg{transform:translateX(-5px)}
.cb2{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:8px 26px 8px 12px;padding-inline:12px 26px;border-radius:20px 5px 20px 5px;color:#fff;text-decoration:none;font-weight:700;font-size:17px;background:rgba(10,3,5,.28);backdrop-filter:blur(6px);transition:background .3s,transform .3s}
.cb2::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.85) 0 6deg,transparent 6deg 12deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s}
.cb2:hover{background:rgba(10,3,5,.55);transform:translateY(-3px)}
.cb2:hover::before{opacity:1}
.cb2 .cbl{position:relative;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none}
.cb2 .cbl i{position:absolute;top:2px;inset-inline-end:2px;width:11px;height:11px;border-radius:50%;background:#3ddc84;border:2px solid #5a0d14}
.cb2 .cbl i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #3ddc84;animation:pl 2s ease-out infinite}

.arw2{transform:scaleX(-1)}
.lang-en .arw2,.lang-sv .arw2{transform:none}
.pg-hero{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 15% 40%,rgba(196,34,42,.36),transparent 54%),#0b0c11}
.pg-hero .gb{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 75%)}
.pg-hero h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,76px);line-height:1.45;animation:rise 1s .2s cubic-bezier(.2,.8,.2,1) both}
.lang-en .pg-hero h1,.lang-sv .pg-hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1.1;letter-spacing:-.015em}
.tick{position:relative;border-top:1px solid rgba(255,255,255,.12);background:rgba(7,8,12,.85);overflow:hidden;direction:ltr;padding:16px 0}
.tick .mq{display:flex;width:max-content;animation:mq 40s linear infinite}
.tick b{margin:0 26px;font-size:15px;color:#d5d8e2;white-space:nowrap;font-weight:600;direction:rtl;display:inline-flex;gap:26px;align-items:center}
.lang-en .tick b,.lang-sv .tick b{direction:ltr}
.tick b::after{content:"";width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}
.pkl{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.pkl li{display:flex;gap:10px;font-size:14.5px;line-height:1.7}
.pkl svg{flex:none;margin-top:4px}
.qi{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qi div{border:1px solid var(--ln);padding:12px;font-size:12.5px;display:flex;flex-direction:column;gap:4px}
.qi b{font-size:14px}
.lead{font-size:19px;line-height:1.95;color:#d5d8e2;max-width:560px}
.lt .lead,.ms .lead{color:var(--mu)}
.ck{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ck li{display:flex;gap:10px;font-size:15px;line-height:1.7}
.ck svg{color:var(--accent);flex:none;margin-top:4px}
.wr{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.hgrid2>*{min-width:0}
.hgrid2{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:84px;min-height:600px}
.icb{width:56px;height:56px;border:1.5px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}
.dk .icb{color:#ff8a90;border-color:rgba(255,138,144,.55)}
.chipx{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ln);padding:7px 14px;font-size:13.5px;background:var(--cd)}
.band2{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between}
@keyframes drift{to{transform:translateY(-12px)}}
@keyframes dash{to{stroke-dashoffset:-60}}
@keyframes glow{from{opacity:.55}to{opacity:1}}
@keyframes climb{0%{transform:translate(0,0)}25%{transform:translate(var(--x1),var(--y1))}50%{transform:translate(var(--x2),var(--y2))}75%,100%{transform:translate(var(--x3),var(--y3))}}
@media(max-width:900px){.hgrid2{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:60px;min-height:0}}

@keyframes wbga{to{transform:translate(70px,50px) scale(1.18)}}
.wbg{position:relative;overflow:hidden;background:#fff!important}
.wbg::before{content:"";position:absolute;inset-inline-end:-160px;top:-180px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(196,34,42,.16),transparent 66%);animation:wbga 14s ease-in-out infinite alternate;pointer-events:none}
.wbg::after{content:"";position:absolute;inset-inline-start:-220px;bottom:-240px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(196,34,42,.09),transparent 66%);animation:wbga 18s ease-in-out infinite alternate-reverse;pointer-events:none}
.wbg>.w{position:relative;z-index:2}
.vg2:has(#vo-0:checked){--r:0deg}.vg2:has(#vo-0:checked) .vp0,.vg2:has(#vo-0:checked) .ci0{opacity:1;transform:none;pointer-events:auto}.vg2:has(#vo-0:checked) .vn0>span{background:#c4222a;color:#fff;border-color:#ff5a63;box-shadow:0 0 0 8px rgba(196,34,42,.25),0 0 40px rgba(196,34,42,.8)}.vg2:has(#vo-0:checked) .vn0>b{opacity:1;color:#fff}.vg2:has(#vo-1:checked){--r:-90deg}.vg2:has(#vo-1:checked) .vp1,.vg2:has(#vo-1:checked) .ci1{opacity:1;transform:none;pointer-events:auto}.vg2:has(#vo-1:checked) .vn1>span{background:#c4222a;color:#fff;border-color:#ff5a63;box-shadow:0 0 0 8px rgba(196,34,42,.25),0 0 40px rgba(196,34,42,.8)}.vg2:has(#vo-1:checked) .vn1>b{opacity:1;color:#fff}.vg2:has(#vo-2:checked){--r:-180deg}.vg2:has(#vo-2:checked) .vp2,.vg2:has(#vo-2:checked) .ci2{opacity:1;transform:none;pointer-events:auto}.vg2:has(#vo-2:checked) .vn2>span{background:#c4222a;color:#fff;border-color:#ff5a63;box-shadow:0 0 0 8px rgba(196,34,42,.25),0 0 40px rgba(196,34,42,.8)}.vg2:has(#vo-2:checked) .vn2>b{opacity:1;color:#fff}.vg2:has(#vo-3:checked){--r:-270deg}.vg2:has(#vo-3:checked) .vp3,.vg2:has(#vo-3:checked) .ci3{opacity:1;transform:none;pointer-events:auto}.vg2:has(#vo-3:checked) .vn3>span{background:#c4222a;color:#fff;border-color:#ff5a63;box-shadow:0 0 0 8px rgba(196,34,42,.25),0 0 40px rgba(196,34,42,.8)}.vg2:has(#vo-3:checked) .vn3>b{opacity:1;color:#fff}.brx:has(#bc-0:checked) .scn0,.brx:has(#bc-0:checked) .ov0{opacity:1;pointer-events:auto;transform:none}.brx:has(#bc-0:checked) .bt0{background:#c4222a;border-color:#ff5a63;color:#fff;box-shadow:0 16px 40px rgba(196,34,42,.45)}.brx:has(#bc-0:checked) .bt0 .no{color:#fff}.brx:has(#bc-1:checked) .scn1,.brx:has(#bc-1:checked) .ov1{opacity:1;pointer-events:auto;transform:none}.brx:has(#bc-1:checked) .bt1{background:#c4222a;border-color:#ff5a63;color:#fff;box-shadow:0 16px 40px rgba(196,34,42,.45)}.brx:has(#bc-1:checked) .bt1 .no{color:#fff}.brx:has(#bc-2:checked) .scn2,.brx:has(#bc-2:checked) .ov2{opacity:1;pointer-events:auto;transform:none}.brx:has(#bc-2:checked) .bt2{background:#c4222a;border-color:#ff5a63;color:#fff;box-shadow:0 16px 40px rgba(196,34,42,.45)}.brx:has(#bc-2:checked) .bt2 .no{color:#fff}
.sps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;position:relative}
.sps::before{content:"";position:absolute;inset-inline:8%;top:112px;border-top:2px dashed rgba(196,34,42,.55);animation:dshm 1.4s linear infinite}
@keyframes dshm{to{background-position:20px 0}}
.sp{position:relative;padding:0 26px;text-align:center;z-index:1}
.sp .spn{display:block;font-size:12px;color:var(--accent);margin-bottom:14px}
.sp .spi{width:86px;height:86px;margin:0 auto 24px;background:#fff;border:1.5px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 10px #f1f2f6;transition:transform .4s}
.sp:hover .spi{transform:scale(1.1) rotate(-6deg);background:var(--accent);color:#fff}
.sp h3{font-size:24px;margin:0 0 10px}
.sp p{font-size:15.5px;line-height:1.9;color:var(--mu);margin:0}
.crd{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}
.cdc{border:1px solid rgba(255,255,255,.18);padding:34px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.cdc h3{font-size:24px;color:#fff;margin:0}.cdc p{margin:0;color:#c6cad6;font-size:16px;line-height:1.9}
.cdc .bd{display:inline-flex;gap:8px;align-items:center;color:#ff9a9f;font-size:13px;border:1px solid rgba(255,138,144,.5);padding:6px 12px}
.cdc .sbb{display:inline-flex;gap:14px;align-items:center;background:#fff;padding:10px 16px;border:0;cursor:pointer;font-family:inherit;font-size:14px;color:#14161f}
.cdc .sbb img{height:34px;width:auto;display:block}
@media(max-width:1000px){.crd{grid-template-columns:1fr}.sps{grid-template-columns:1fr;gap:44px}.sps::before{display:none}}

.ab-h{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center;padding-top:88px;padding-bottom:104px;position:relative}
.ab-h>*{min-width:0}
.ab-h .lead{max-width:540px}
.abv{position:relative;width:100%;max-width:600px;margin:auto;padding:5% 7% 0}
.abv .rg1,.abv .rg2{position:absolute;border-radius:50%;pointer-events:none}
.abv .rg1{inset:-6% -6% 20%;border:1.5px dashed rgba(255,255,255,.22);animation:spn 70s linear infinite}
.abv .rg2{inset:2% 2% 24%;border:1.5px solid rgba(196,34,42,.55);border-inline-end-color:transparent;border-bottom-color:transparent;animation:spn 20s linear infinite reverse}
.frm{position:relative;aspect-ratio:5/4;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:34px 6px 34px 6px;box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 0 8px rgba(255,255,255,.04);background:#0b0c11}
.frm img{width:100%;height:100%;object-fit:cover;display:block;animation:kb 20s ease-in-out infinite alternate;transition:filter .4s}
.frm:hover img{filter:brightness(1.08) saturate(1.1)}
.frm::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,12,17,.82),transparent 48%),linear-gradient(135deg,rgba(196,34,42,.32),transparent 55%);pointer-events:none}
.frm .scl{position:absolute;inset-inline:0;height:26%;top:-30%;background:linear-gradient(180deg,transparent,rgba(255,120,128,.3),transparent);animation:scn 6s ease-in-out infinite;z-index:2;pointer-events:none}
.frm .cr{position:absolute;width:26px;height:26px;border:2px solid #ff5a63;z-index:3;pointer-events:none}
.frm .cr.a{top:14px;inset-inline-start:14px;border-width:2px 0 0 2px}.frm .cr.b{top:14px;inset-inline-end:14px;border-width:2px 2px 0 0}.frm .cr.c{bottom:14px;inset-inline-start:14px;border-width:0 0 2px 2px}.frm .cr.d{bottom:14px;inset-inline-end:14px;border-width:0 2px 2px 0}
[dir=rtl] .frm .cr.a{border-width:2px 2px 0 0}[dir=rtl] .frm .cr.b{border-width:2px 0 0 2px}[dir=rtl] .frm .cr.c{border-width:0 2px 2px 0}[dir=rtl] .frm .cr.d{border-width:0 0 2px 2px}
.hs{position:absolute;z-index:5;width:46px;height:46px;transform:translate(-50%,-50%);border:0;background:none;padding:0;cursor:pointer}
.hs i{position:absolute;inset:11px;border-radius:50%;background:radial-gradient(circle,#ff3b46 0 38%,#fff 40% 100%);box-shadow:0 0 0 3px rgba(255,59,70,.55),0 0 22px 6px rgba(255,255,255,.55),0 6px 16px rgba(0,0,0,.55);transition:transform .25s}
.hs::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #fff;animation:pvr 2.2s ease-out infinite}
.hs::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(255,90,99,.9);animation:pvr 2.2s .7s ease-out infinite}
.hs:hover i,.hs:focus-visible i{transform:scale(1.25)}
.hs .hpl{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font-style:normal;font-size:12.5px;font-weight:700;color:#fff;background:rgba(11,12,17,.82);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:5px 12px 5px 6px;padding-inline:6px 12px;transition:background .3s,border-color .3s}
.hs .hpl.l{right:calc(100% + 6px)}.hs .hpl.r{left:calc(100% + 6px)}
.hs .hpl b{font-size:9.5px;font-weight:400;background:#c4222a;border-radius:99px;padding:3px 7px;letter-spacing:.06em;color:#fff}
.hs:hover .hpl,.hs:focus-visible .hpl{background:#c4222a;border-color:#fff}
.hs:hover .hpl b,.hs:focus-visible .hpl b{background:#fff;color:#c4222a}
.caps{position:relative;z-index:4;height:104px;margin-top:20px;pointer-events:none}
.cp{position:absolute;inset:0;display:flex;gap:16px;align-items:center;padding:14px 20px;background:linear-gradient(110deg,rgba(196,34,42,.3),rgba(14,16,24,.78) 60%);border:1px solid rgba(255,255,255,.22);border-radius:22px 5px 22px 5px;backdrop-filter:blur(8px);opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .35s;animation:cpc 12s infinite}
.cp>b.lat{font-size:26px;font-weight:400;color:#ff8a90;flex:none}
.cp div b{font-size:17px;color:#fff;display:block;margin-bottom:3px}.cp div span{font-size:14px;color:#d5d8e2;line-height:1.7;display:block}
.cp::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;background:#ff5a63;border-radius:3px}
.cp.c1{animation-delay:0s}.cp.c2{animation-delay:4s}.cp.c3{animation-delay:8s}
@keyframes cpc{0%{opacity:0;transform:translateY(-10px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(8px)}}
.abv:has(.hs:hover) .cp,.abv:has(.hs:focus-visible) .cp{animation:none;opacity:0}
.abv:has(.hs1:hover) .c1,.abv:has(.hs2:hover) .c2,.abv:has(.hs3:hover) .c3,.abv:has(.hs1:focus-visible) .c1,.abv:has(.hs2:focus-visible) .c2,.abv:has(.hs3:focus-visible) .c3{opacity:1;transform:none}
.bdg{position:absolute;z-index:6;width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;background:rgba(14,16,24,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px rgba(0,0,0,.5);animation:bdf 5s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes bdf{to{transform:translateY(-12px)}}
.bdg svg{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);transform:rotate(-90deg)}
.bdg .pr{animation:prg 4s ease-out infinite alternate;animation-delay:var(--d)}
@keyframes prg{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.bdg b{position:relative;font-size:30px;font-weight:400;color:#fff;line-height:1;letter-spacing:0;unicode-bidi:isolate}.bdg b sup{font-size:.55em;color:#ff8a90;vertical-align:top;margin-inline-start:2px}
.bdg span{position:relative;font-size:12.5px;color:#c6cad6;line-height:1.3;padding-inline:10px}
.bdg.bd1{top:-2%;inset-inline-end:-3%}.bdg.bd2{top:27%;inset-inline-start:-7%}.bdg.bd3{top:55%;inset-inline-end:-7%}.bdg.bd4{top:-3%;inset-inline-start:-1%}
.bdg.bd4{background:linear-gradient(140deg,#c4222a,#7d141b);border-color:rgba(255,255,255,.4)}
@media(max-width:1000px){.ab-h{grid-template-columns:1fr;gap:46px;padding-top:60px;padding-bottom:70px}}
@media(max-width:700px){.caps{grid-column:1/-1;height:118px;margin-top:6px}.hs .hpl{font-size:0;padding:3px;gap:0}.hs .hpl b{font-size:10px}.abv{padding:0 0 4px;max-width:440px}.abv .rg1,.abv .rg2{display:none}.bdg{position:static;width:auto;height:auto;border-radius:18px;flex-direction:row;gap:10px;padding:12px 16px;animation:none}.bdg svg{display:none}.bdg b{font-size:24px}.abv{display:grid;grid-template-columns:1fr 1fr;gap:10px}.abv .frm{grid-column:1/-1;margin-bottom:8px}}

.msn{padding:120px 0 150px;overflow:hidden;background:#fff}
.msn .w{z-index:2}
.mtop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center}
.mlb{margin:0 0 18px;font-size:17px;color:var(--accent);font-weight:700;display:flex;align-items:center;gap:12px}
.mlb i{width:40px;height:3px;background:var(--accent);transform-origin:left;animation:sx 1.2s both}
.mbig{margin:0;font-size:clamp(34px,4.9vw,70px);line-height:1.5;font-weight:700;color:#14161f}
.lang-en .mbig,.lang-sv .mbig{line-height:1.16;letter-spacing:-.02em}
.mbig .wd{display:inline-block;animation:wdl 9s ease-in-out infinite;animation-delay:calc(var(--i)*.26s)}
.mbig .wd.mk{color:var(--accent);background:linear-gradient(transparent 82%,rgba(196,34,42,.28) 82% 94%,transparent 94%);background-size:0% 100%;background-repeat:no-repeat;background-position:right;animation:wdl 9s ease-in-out infinite,mku 5s ease-in-out infinite;animation-delay:calc(var(--i)*.26s),calc(var(--i)*.26s)}
[dir=ltr] .mbig .wd.mk{background-position:left}
@keyframes mku{0%,10%{background-size:0% 100%}45%,85%{background-size:100% 100%}100%{background-size:0% 100%}}
@keyframes wdl{0%{opacity:.3;transform:translateY(8px)}7%,72%{opacity:1;transform:none}90%,100%{opacity:.3;transform:translateY(0)}}
.msub{margin:30px 0 0;font-size:clamp(18px,1.8vw,24px);line-height:1.8;color:#14161f;max-width:640px;padding:6px 22px;border-inline-start:4px solid var(--accent);background:linear-gradient(90deg,rgba(196,34,42,.08),transparent)}
[dir=rtl] .msub{background:linear-gradient(270deg,rgba(196,34,42,.08),transparent)}
.rdr{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:auto}
.rdr svg{position:absolute;inset:0;width:100%;height:100%}
.rdr .r1{transform-origin:220px 220px;animation:rdxsp 70s linear infinite}@keyframes rdxsp{to{transform:rotate(360deg)}}
.rdr .swp{transform-origin:220px 220px;animation:spn 7s linear infinite}
.rdr .pp{transform-origin:220px 220px;animation:pvr 2.6s ease-out infinite}
.rdr .rsw{position:absolute;inset:2.7%;border-radius:50%;background:conic-gradient(from 0deg,rgba(196,34,42,0) 0deg,rgba(196,34,42,0) 200deg,rgba(196,34,42,.12) 290deg,rgba(196,34,42,.42) 358deg,rgba(255,90,99,.75) 360deg);animation:rdxsp 6s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 0 12%,#000 13%);mask-image:radial-gradient(circle,transparent 0 12%,#000 13%)}
.rdr .rsw::after{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:50%;background:linear-gradient(180deg,#ff5a63,rgba(196,34,42,.2));box-shadow:0 0 12px #ff5a63}
.rdr .bw{position:absolute;inset:0;transform:rotate(var(--a))}
.rdr .bw i{position:absolute;left:50%;top:calc(50% - var(--r));width:10px;height:10px;margin:-5px;border-radius:50%;background:#c4222a;box-shadow:0 0 0 0 rgba(196,34,42,.6);opacity:.22;animation:rdxbl 6s linear infinite;animation-delay:var(--dl)}
@keyframes rdxbl{0%{opacity:1;transform:scale(1.7);box-shadow:0 0 0 12px rgba(196,34,42,0)}8%{opacity:1;transform:scale(1.4);box-shadow:0 0 0 0 rgba(196,34,42,.5)}55%,100%{opacity:.22;transform:scale(1);box-shadow:0 0 0 0 rgba(196,34,42,0)}}
.rdr .ndi{animation:rdxdt 6s linear infinite;animation-delay:var(--dl)}
.rdr .ndi::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #ff5a63;opacity:0;animation:rdxpg 6s linear infinite;animation-delay:var(--dl)}
@keyframes rdxdt{0%{transform:scale(1.2);background:#c4222a;color:#fff;box-shadow:0 0 0 10px rgba(196,34,42,.28),0 0 40px rgba(196,34,42,.8)}22%{transform:scale(1.1);background:#c4222a;color:#fff}50%,100%{transform:none;background:#fff;color:#c4222a;box-shadow:0 0 0 7px rgba(196,34,42,.12),0 14px 30px rgba(20,22,31,.18)}}
@keyframes rdxpg{0%{transform:scale(1);opacity:.95}32%,100%{transform:scale(2.1);opacity:0}}
.orot{position:absolute;inset:0}
.rdr .rg2{transform-origin:220px 220px;animation:spn 38s linear infinite}
.rdr .rg3{transform-origin:220px 220px;animation:spn 22s linear infinite reverse}
.ob{position:absolute;inset:0;transform:rotate(var(--a))}
.nd{position:absolute;left:50%;top:calc(50% - 34.1%);width:0;height:0;display:flex;flex-direction:column;align-items:center;transform:rotate(calc(var(--a)*-1))}
@keyframes cnt{from{transform:rotate(calc(-1*var(--a)))}to{transform:rotate(calc(-1*var(--a) - 360deg))}}
.ndi{position:absolute;left:-33px;top:-33px;width:66px;height:66px;border-radius:50%;background:#fff;color:var(--accent);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(196,34,42,.12),0 14px 30px rgba(20,22,31,.18)}
.nd b{position:absolute;top:42px;left:-50px;width:100px;text-align:center;font-size:14px;color:#14161f;background:#fff;border-radius:99px;padding:2px 0;box-shadow:0 6px 14px rgba(20,22,31,.12)}
.nd0 .ndi svg{animation:eye 4s ease-in-out infinite}.nd1 .ndi svg{animation:rdxsp 10s linear infinite}.nd2 .ndi svg{animation:bounce2 2.4s ease-in-out infinite;transform-origin:bottom}
@keyframes eye{0%,90%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes bounce2{50%{transform:scaleY(.8)}}
.prm{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px;position:relative}
.prm::before{content:"";position:absolute;inset-inline:8%;top:46px;border-top:2px dashed rgba(196,34,42,.5)}
.prm::after{content:"";position:absolute;top:40px;inset-inline-start:8%;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(196,34,42,.2);animation:trv 6s ease-in-out infinite}
@keyframes trv{0%{inset-inline-start:8%}100%{inset-inline-start:calc(92% - 12px)}}
.pm{position:relative;padding:0 30px;text-align:center}
.pm .pg{position:absolute;top:-64px;inset-inline:0;font-size:92px;color:transparent;-webkit-text-stroke:1.5px rgba(20,22,31,.1);line-height:1;pointer-events:none;z-index:0}
.pm .pi{position:relative;z-index:1;width:94px;height:94px;margin:0 auto 24px;border-radius:50%;background:#fff;color:var(--accent);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #fff,0 0 0 11px rgba(196,34,42,.25),0 18px 40px rgba(196,34,42,.2);transition:all .4s}
.pm:hover .pi{background:var(--accent);color:#fff;transform:scale(1.08) rotate(-5deg)}
.pm0 .pi svg{animation:eye 4s ease-in-out infinite}.pm1 .pi svg{animation:spn 10s linear infinite}.pm2 .pi svg{animation:bounce2 2.4s ease-in-out infinite;transform-origin:bottom}
.pm b{position:relative;display:block;font-size:26px;color:#14161f;margin-bottom:8px}
.pm p{position:relative;margin:0;color:#555a6b;font-size:16px;line-height:1.9}
.mqq{position:absolute;inset-inline:0;bottom:22px;overflow:hidden;pointer-events:none;white-space:nowrap;opacity:.9}
.mqt{display:inline-flex;animation:mq 40s linear infinite}
.mqt span{font-size:44px;color:transparent;-webkit-text-stroke:1px rgba(196,34,42,.35);letter-spacing:.06em;padding-inline-end:20px}
@media(max-width:1000px){.mtop{grid-template-columns:1fr}.rdr{max-width:380px}}
@media(max-width:900px){.prm{grid-template-columns:1fr;gap:56px}.prm::before,.prm::after{display:none}.msn{padding:84px 0 120px}}

.vls{background:radial-gradient(circle at 12% 30%,rgba(196,34,42,.3),transparent 50%),radial-gradient(circle at 95% 90%,rgba(74,90,214,.16),transparent 45%),#0b0c11;overflow:hidden}
.vg2{--r:0deg;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;margin-top:50px}
.vg2>*{min-width:0}
.orw{display:flex;justify-content:center}
.orb2{position:relative;width:100%;max-width:520px;aspect-ratio:1}
.orr{position:absolute;inset:0;width:100%;height:100%;animation:spn 60s linear infinite}
.vrot{position:absolute;inset:0;transform:rotate(var(--r));transition:transform 1s cubic-bezier(.6,0,.2,1)}
.vn{position:absolute;width:0;height:0;display:block;cursor:pointer}
.vn0{left:50%;top:8%}.vn1{left:92%;top:50%}.vn2{left:50%;top:92%}.vn3{left:8%;top:50%}
.vn>span{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:#14161f;border:1.5px solid rgba(255,255,255,.3);color:#ff8a90;display:flex;align-items:center;justify-content:center;transform:rotate(calc(var(--r)*-1));transition:transform 1s cubic-bezier(.6,0,.2,1),background .4s,border-color .4s,box-shadow .4s,color .4s}
.vn:hover>span{border-color:#ff5a63;color:#fff}
.vn>b{position:absolute;left:0;top:0;transform:translate(-50%,0) rotate(calc(var(--r)*-1));margin-top:48px;white-space:nowrap;font-size:14px;color:#aeb2c0;opacity:.8;transition:transform 1s cubic-bezier(.6,0,.2,1),color .4s,opacity .4s}
.vn0>b{margin-top:-62px}
.vcore{position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a0d12,#0b0c11 75%);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 70px rgba(196,34,42,.5),inset 0 0 40px rgba(196,34,42,.25)}
.vcore .p1,.vcore .p2{position:absolute;inset:-8%;border-radius:50%;border:1.5px solid rgba(255,90,99,.7);animation:pvr 3.2s ease-out infinite}.vcore .p2{animation-delay:1.6s}
.ci{position:absolute;color:#ff8a90;opacity:0;transform:scale(.4) rotate(-30deg);transition:all .7s cubic-bezier(.3,1.5,.5,1);pointer-events:none;display:flex}
.vdt{position:relative;min-height:340px}
.vp{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .6s .25s,transform .6s .25s}

.vnb{display:block;font-size:92px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,138,144,.55);margin-bottom:6px}
.vp h3{font-size:clamp(34px,3.6vw,52px);margin:0 0 14px;color:#fff;line-height:1.3}
.vs{font-size:19px;line-height:1.95;color:#d5d8e2;margin:0 0 28px}
.vh{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px dashed rgba(255,138,144,.55);background:rgba(196,34,42,.1);border-radius:18px}
.vh i{width:34px;height:34px;border-radius:50%;background:#c4222a;color:#fff;display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.vh small{display:block;color:#ff9a9f;font-size:12.5px;font-weight:700;margin-bottom:4px}.vh p{margin:0;color:#e3e5ec;font-size:15.5px;line-height:1.85}
@media(max-width:900px){.vg2{grid-template-columns:1fr;gap:34px}.orb2{max-width:360px}.vn>span{width:58px;height:58px;margin:-29px 0 0 -29px}.vn>span svg{width:22px;height:22px}.vn>b{font-size:12px;margin-top:38px}.vn0>b{margin-top:-52px}.vdt{min-height:300px}.vnb{font-size:64px}}

.brs{overflow:hidden}
.brx{margin-top:40px}
.bts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.btx{position:relative;display:flex;align-items:center;gap:14px;padding:18px 22px;border:1.5px solid var(--ln);background:#fff;cursor:pointer;border-radius:22px 6px 22px 6px;transition:all .35s cubic-bezier(.2,.8,.2,1);color:#14161f}
.btx:hover{transform:translateY(-4px);border-color:#c4222a}
.btx .no{font-size:12px;color:#c4222a;transition:color .3s}
.btx .fg{width:36px;height:24px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.14)}
.btx .tn{display:flex;flex-direction:column;min-width:0}.btx b{font-size:17px}.btx small{font-size:12.5px;opacity:.75}
.stg2{position:relative;height:430px;overflow:hidden;border-radius:34px 8px 34px 8px;box-shadow:0 40px 90px rgba(20,22,31,.28);background:#0b0c11}
.scn{position:absolute;inset:0;opacity:0;transition:opacity .9s;pointer-events:none}
.scn svg{width:100%;height:100%;display:block}
.stg2::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,14,.55),transparent 40%);pointer-events:none}
.ovw{position:relative;z-index:3;margin:-74px 30px 0;display:grid}
.ov{grid-area:1/1;display:grid;grid-template-columns:1.3fr 1fr;gap:12px 40px;align-items:start;padding:30px 34px;background:linear-gradient(160deg,rgba(20,22,31,.96),rgba(11,12,17,.97));backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-top:3px solid #c4222a;border-radius:24px 6px 24px 6px;color:#fff;opacity:0;transform:translateY(22px);pointer-events:none;transition:opacity .6s .3s,transform .6s .3s;box-shadow:0 30px 70px rgba(20,22,31,.35)}
.ov>div{min-width:0}
.rgt{display:inline-block;font-size:12px;font-weight:700;color:#ff9a9f;border:1px solid rgba(255,138,144,.5);padding:3px 12px;border-radius:99px;margin-bottom:10px}
.ov h3{margin:0 0 10px;font-size:30px;color:#fff}
.ov .nr{margin:0;font-size:15.5px;line-height:1.9;color:#dfe2ec}
.ov .ad{display:flex;gap:10px;margin:0 0 16px;font-size:14px;line-height:1.8;color:#aeb2c0}.ov .ad svg{color:#ff6b73;flex:none;margin-top:4px}
.ov .ct{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.ov .ph{color:#fff;text-decoration:none;font-size:15px}
.ov .wab{display:inline-flex;gap:8px;align-items:center;background:#1aa34a;color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:99px}
.tw{animation:glow 2.6s ease-in-out infinite alternate;animation-delay:var(--d)}
.wn{animation:wnk 5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes wnk{0%,100%{opacity:.95}45%{opacity:.25}60%{opacity:.95}}
.bl{animation:glow .9s infinite alternate}.bl2{animation:glow 2.2s infinite alternate}
.dr1{animation:dr 30s linear infinite alternate}.dr2{animation:dr 40s linear infinite alternate-reverse}
@keyframes dr{from{transform:translateX(-50px)}to{transform:translateX(70px)}}
.sw{animation:swy 5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
@keyframes swy{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
.smk{animation:smk 6s ease-out infinite;transform-box:fill-box}
@keyframes smk{from{transform:translate(0,22px) scale(.7);opacity:.7}to{transform:translate(26px,-60px) scale(1.5);opacity:0}}
.wv{animation:wvx 7s linear infinite;animation-delay:var(--d)}
@keyframes wvx{to{transform:translateX(-60px)}}
.bd{transform:translate(-60px,var(--y));animation:bdx var(--s) linear infinite;animation-delay:var(--d)}
@keyframes bdx{to{transform:translate(1260px,calc(var(--y) - 40px))}}
.sun{animation:sunp 6s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes sunp{to{transform:scale(1.08);opacity:.85}}
.rays{animation:glow 5s ease-in-out infinite alternate}
.pl{animation:plx 26s linear infinite}
@keyframes plx{from{transform:translateX(-80px)}to{transform:translateX(1300px)}}
.au{animation:aum 10s ease-in-out infinite alternate;transform-origin:center}
@keyframes aum{from{transform:translateY(0) scaleY(1);opacity:.7}to{transform:translateY(16px) scaleY(1.25);opacity:1}}
@media(max-width:900px){.bts{grid-template-columns:1fr;gap:10px}.stg2{height:260px;border-radius:26px 6px 26px 6px}.ovw{margin:-40px 12px 0}.ov{grid-template-columns:1fr;padding:22px 20px}.ov h3{font-size:25px}}

@keyframes hdsh{to{background-position:26px 0}}
@keyframes pjd{0%{inset-inline-start:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{inset-inline-start:calc(100% - 8px);opacity:0}}
@keyframes hpl{0%,100%{box-shadow:0 0 0 6px rgba(196,34,42,.13),0 10px 26px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 10px rgba(196,34,42,.2),0 0 34px rgba(196,34,42,.55)}}
@keyframes pcsc{to{top:100%}}
@keyframes xfb{0%{transform:scaleX(0)}10%,25%{transform:scaleX(1)}35%,100%{transform:scaleX(0)}}
@keyframes cnp{0%,100%{transform:scale(1)}50%{transform:scale(1.35);opacity:1}}
@keyframes scnm{0%{top:-110px}60%,100%{top:100%}}
@keyframes shsh{0%,50%{background-position:-120% 0}100%{background-position:220% 0}}
@keyframes lvd{70%{box-shadow:0 0 0 9px rgba(46,224,106,0)}100%{box-shadow:0 0 0 0 rgba(46,224,106,0)}}
@keyframes fch{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes rbs{to{transform:translateX(-25%)}}

.stg2{height:500px}
.scn{transition:opacity .9s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(1.06)}
.brx:has(#bc-0:checked) .scn0,.brx:has(#bc-1:checked) .scn1,.brx:has(#bc-2:checked) .scn2{transform:none}
.bph{position:absolute;inset:0;overflow:hidden;background:#0b0c11}
.bph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:bkb 24s ease-in-out infinite alternate}
@keyframes bkb{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.14) translateX(-2.5%)}}
.lang-ar .bph>img{animation-name:bkbr}
@keyframes bkbr{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.14) translateX(2.5%)}}
.bvg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 45%,rgba(8,9,14,.7)),linear-gradient(to top,rgba(8,9,14,.85),transparent 45%),linear-gradient(to bottom,rgba(8,9,14,.55),transparent 30%)}
.bsc{position:absolute;inset-inline:0;height:130px;top:-130px;background:linear-gradient(180deg,transparent,rgba(255,74,82,.14) 80%,rgba(255,74,82,.5));border-bottom:2px solid #ff4a52;animation:scnm 7s ease-in-out infinite;mix-blend-mode:screen}
.blt{position:absolute;inset-inline:0;bottom:0;height:38%;background:linear-gradient(100deg,transparent 30%,rgba(255,90,99,.3) 48%,rgba(255,200,120,.25) 52%,transparent 70%) -120% 0/250% 100% no-repeat;mix-blend-mode:screen;animation:shsh 6s ease-in-out infinite}
.pt{position:absolute;bottom:-10px;left:var(--x);width:3px;height:3px;border-radius:50%;background:#ffd0a0;box-shadow:0 0 8px 2px rgba(255,150,90,.8);animation:ptr var(--s) linear infinite;animation-delay:var(--d);opacity:0}
@keyframes ptr{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-440px);opacity:0}}
.barc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bcn{position:absolute;width:0;height:0;z-index:3}
.bcn b{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #C4222A,0 0 24px 6px #ff4a52}
.bcn i{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;border:2px solid #ff4a52;animation:bsn 2.8s ease-out infinite}
.bcn i+i{animation-delay:1.4s}
@keyframes bsn{0%{transform:scale(1);opacity:1}100%{transform:scale(6);opacity:0}}
.bcl{position:absolute;z-index:3;transform:translate(22px,-62px);display:flex;flex-direction:column;gap:2px;padding:9px 14px 10px;background:rgba(11,12,17,.84);border:1px solid rgba(255,255,255,.25);border-inline-start:3px solid #C4222A;backdrop-filter:blur(8px);color:#fff;animation:fch 5s ease-in-out infinite;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.bcl::before{content:"";position:absolute;left:-22px;bottom:-30px;width:1.5px;height:44px;background:#ff4a52;transform:rotate(-38deg);transform-origin:top}
.bcl em{font-style:normal;font-size:9px;letter-spacing:.18em;color:#ff8a90}
.bcl b{font-size:14.5px;white-space:nowrap}
.bcy{position:absolute;inset-inline-start:34px;top:26px;z-index:2;display:flex;font-size:clamp(46px,8vw,104px);line-height:1;letter-spacing:.06em;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.7);direction:ltr;filter:drop-shadow(0 0 18px rgba(196,34,42,.65))}
.bcy span{display:inline-block;animation:bcl 8s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i)*.07s)}
@keyframes bcl{0%{opacity:0;transform:translateY(40px) rotateX(90deg)}8%,80%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-18px)}}
.bhd{position:absolute;inset-inline:34px;bottom:96px;z-index:2;display:flex;gap:14px;align-items:center;flex-wrap:wrap;direction:ltr}
.bhd>span{font-size:11px;letter-spacing:.14em;color:#fff;background:rgba(11,12,17,.7);border:1px solid rgba(255,255,255,.25);padding:5px 10px}
.bhd .bhl{display:inline-flex;align-items:center;gap:7px;font-family:'Michroma',sans-serif;color:#ff8a90}
.bhd .bhl u{width:8px;height:8px;border-radius:50%;background:#2ee06a;animation:lvd 1.6s infinite}
.bph .bk1,.bph .bk2,.bph .bk3,.bph .bk4{position:absolute;width:34px;height:34px;border:0 solid #fff;opacity:.85;z-index:4;animation:cnp 3s ease-in-out infinite}
.bk1{top:14px;left:14px;border-top-width:3px!important;border-left-width:3px!important}.bk2{top:14px;right:14px;border-top-width:3px!important;border-right-width:3px!important}.bk3{bottom:14px;left:14px;border-bottom-width:3px!important;border-left-width:3px!important}.bk4{bottom:14px;right:14px;border-bottom-width:3px!important;border-right-width:3px!important}
@media(max-width:900px){.stg2{height:300px}.bcl{display:none}.bhd{bottom:50px;gap:6px}.bhd>span{font-size:9px;padding:3px 6px}.bcy{top:14px;inset-inline-start:16px;font-size:44px}}

.pcs{overflow:hidden}
.pch{display:grid;grid-template-columns:1fr minmax(0,.8fr);gap:50px;align-items:end;margin-bottom:54px}
.pch h2{margin:0;font-size:clamp(34px,4.6vw,64px)}
.pcl{margin:0;font-size:17px;line-height:1.95;color:var(--mu);border-inline-start:3px solid var(--accent);padding-inline-start:20px}
.pns{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-items:stretch}
.pnl{position:relative;display:flex;flex-direction:column;background:#0b0c11;color:#fff;overflow:hidden;box-shadow:0 40px 80px -40px rgba(20,22,31,.7);transition:transform .45s cubic-bezier(.2,.9,.3,1.2),box-shadow .45s;border:1px solid rgba(255,255,255,.1)}
.pnl:hover{transform:translateY(-12px) scale(1.015);box-shadow:0 50px 90px -30px rgba(196,34,42,.6)}
.pnl::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,#8e1219,#ff4a52);z-index:3;transform:scaleX(0);transform-origin:left;animation:xfb 9s ease-in-out infinite;animation-delay:calc(var(--n)*3s)}
.lang-ar .pnl::before{transform-origin:right}
.pnv{position:relative;aspect-ratio:360/220;background:radial-gradient(circle at 70% 20%,rgba(196,34,42,.45),transparent 60%),#0e1017;overflow:hidden}
.pnv>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pnw{position:absolute;inset-inline:0;bottom:-10px;text-align:center;font-size:62px;line-height:1;letter-spacing:.1em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.16);pointer-events:none}
.pns2{position:absolute;inset-inline:0;height:70px;top:-70px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08) 80%,rgba(255,255,255,.3));animation:pcsc 4.6s linear infinite;pointer-events:none}
.pni{position:absolute;inset-inline-start:16px;top:16px;width:54px;height:54px;border-radius:50%;background:#C4222A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(196,34,42,.22);z-index:2;animation:hpl 3.5s ease-in-out infinite}
.pnb{position:relative;padding:28px 28px 30px;flex:1}
.pnn{position:absolute;inset-inline-end:22px;top:-30px;font-size:64px;line-height:1;color:#0b0c11;-webkit-text-stroke:1.5px #ff4a52;z-index:2}
.pnb h3{font-size:28px;margin:0 0 10px;color:#fff}
.pnb p{margin:0 0 18px;color:#c6cad6;font-size:15.5px;line-height:1.95}
.pnt{display:flex;flex-wrap:wrap;gap:8px}
.pnt>span{font-size:12.5px;font-weight:700;padding:6px 12px;border:1px solid rgba(255,138,144,.5);color:#ffb3b7;background:rgba(196,34,42,.12);transition:all .3s}
.pnl:hover .pnt>span{background:#C4222A;color:#fff;border-color:#C4222A}
.pnj{position:relative;display:flex;align-items:center;justify-content:center}
.pnj i{position:absolute;inset-inline:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,#C4222A 0 6px,transparent 6px 12px);animation:hdsh 1s linear infinite}
.pnj b{position:absolute;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#C4222A;box-shadow:0 0 12px #C4222A;inset-inline-start:0;animation:pjd 2s ease-in-out infinite}
.pnj span{position:relative;width:38px;height:38px;border-radius:50%;background:#C4222A;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 7px rgba(196,34,42,.16)}
.lang-ar .pnj span svg{transform:scaleX(-1)}
.pcy{position:relative;margin-top:54px;display:flex;align-items:center;justify-content:center}
.pcy i{position:absolute;inset-inline:0;top:50%;height:1px;background:rgba(20,22,31,.18)}
.pcy span{position:relative;background:var(--bg,#f1f2f6);padding:0 22px;font-size:12px;letter-spacing:.2em;color:#C4222A;direction:ltr}
@media(max-width:1000px){.pch{grid-template-columns:1fr;gap:20px}.pns{grid-template-columns:1fr}.pnj{height:56px}.pnj i{inset-inline:auto;top:0;left:50%;width:2px;height:100%;background:repeating-linear-gradient(180deg,#C4222A 0 6px,transparent 6px 12px)}.pnj b{display:none}.pnj span{transform:rotate(90deg)}.pcy span{letter-spacing:.08em;font-size:10px;padding:0 8px}}

.crs{background:radial-gradient(circle at 12% 40%,rgba(196,34,42,.3),transparent 50%),radial-gradient(circle at 92% 85%,rgba(74,90,214,.14),transparent 45%),#0b0c11;overflow:hidden}
.crb{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000,transparent 70%);pointer-events:none}
.crs .w{position:relative;z-index:2}
.crg{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:60px;align-items:center;margin-top:46px}
.crl{display:flex;flex-direction:column;align-items:center;text-align:center}
.sl{position:relative;width:100%;max-width:400px;aspect-ratio:1}
.sl svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.slr{transform-origin:200px 200px;animation:spn 40s linear infinite}
.sls{transform-origin:200px 200px;animation:spn 5s linear infinite}
.slc{animation:slc 5s ease-in-out infinite}
@keyframes slc{0%{stroke-dashoffset:100}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}
.cnl{margin:14px 0 4px;font-size:13px;color:#8f94a5;letter-spacing:.04em}
.cnm{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:.14em;color:#fff;overflow:hidden;white-space:nowrap;animation:typ 6s steps(10) infinite}
@keyframes typ{0%{clip-path:inset(0 100% 0 0)}45%,90%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
.cst{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:#9af0bb;background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.4);padding:6px 16px;border-radius:99px}
.cst i{width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:cbq 1.8s ease-out infinite}
@keyframes cbq{to{box-shadow:0 0 0 10px rgba(61,220,132,0)}}
.cbz{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin-top:26px}
.chp{background:#fff;border-radius:12px;padding:8px 16px;display:inline-flex}.chp img{height:34px;width:auto;display:block}
.vbt{position:relative;display:inline-flex;align-items:center;gap:12px;font:inherit;font-weight:700;font-size:15.5px;color:#fff;cursor:pointer;border:1.5px solid rgba(255,138,144,.7);border-radius:99px;padding:13px 24px;background:linear-gradient(90deg,#c4222a 0 0) no-repeat;background-size:0% 100%;background-position:right;overflow:hidden;transition:background-size .5s cubic-bezier(.7,0,.2,1),border-color .3s,box-shadow .3s}
[dir=ltr] .vbt{background-position:left}
.vbt:hover{background-size:100% 100%;border-color:#fff;box-shadow:0 12px 30px rgba(196,34,42,.5)}
.vbt svg{color:#ff8a90;transition:color .3s,transform .4s}.vbt:hover svg{color:#fff;transform:rotate(-10deg) scale(1.15)}
.crk{margin:0 0 18px;font-size:13px;color:#ff8a90;letter-spacing:.06em;display:flex;align-items:center;gap:12px}
.crk::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.chn{position:relative}
.cn1{display:flex;align-items:center;gap:18px;padding:12px 14px;border-radius:20px 5px 20px 5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);position:relative;z-index:1}
.cn1.mid{border-color:rgba(255,138,144,.55);background:rgba(196,34,42,.1)}
.cn1.us{background:linear-gradient(110deg,rgba(196,34,42,.5),rgba(125,20,27,.35));border-color:rgba(255,255,255,.45)}
.lg1{width:92px;height:64px;flex:none;border-radius:14px 4px 14px 4px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px}
.lg1.dk2{background:#0b0c11;border:1px solid rgba(255,255,255,.2)}
.lg1 img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}
.cn1 b{display:block;font-size:19px;color:#fff;margin-bottom:2px}.cn1 small{display:block;font-size:13.5px;color:#c6cad6;line-height:1.6}
.lnk{position:relative;height:62px;margin-inline-start:45px;display:flex;align-items:center;z-index:0}
.lnk i{position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:2px dashed rgba(255,255,255,.4)}
.lnk i::after{content:"";position:absolute;inset-inline-start:-6px;top:0;width:10px;height:10px;border-radius:50%;background:#ff5a63;box-shadow:0 0 12px 3px rgba(255,90,99,.8);animation:flw 2.2s linear infinite}
@keyframes flw{from{top:-4px}to{top:calc(100% - 6px)}}
.lnk.hot i{border-inline-start-color:#ff5a63}
.lnk>span{margin-inline-start:22px;font-size:13px;color:#e3e5ec;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);padding:4px 14px;border-radius:99px}
.lnk.hot>span{background:#c4222a;border-color:#ff8a90;color:#fff}
.crn{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;font-size:14.5px;line-height:1.9;color:#d5d8e2;padding:14px 18px;border-radius:14px;border:1px dashed rgba(255,255,255,.3)}
.crn svg{color:#ff8a90;flex:none;margin-top:5px}
.cks{list-style:none;margin:54px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid rgba(255,255,255,.16)}
.cks li{display:flex;align-items:center;gap:12px;padding:22px 20px;font-size:15px;color:#fff;line-height:1.5;border-inline-start:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.cks li:first-child{border-inline-start:0}
.cks li i{width:30px;height:30px;border-radius:50%;background:#c4222a;display:flex;align-items:center;justify-content:center;flex:none;animation:ckp 6s ease-in-out infinite;animation-delay:calc(var(--k)*.5s)}
@keyframes ckp{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,90,99,0)}8%{transform:scale(1.25);box-shadow:0 0 0 8px rgba(255,90,99,.3)}16%{transform:scale(1)}}
.cks li::after{content:"";position:absolute;inset-block:0;width:40%;inset-inline-start:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:skewX(-20deg);animation:shine 6s ease-in-out infinite;animation-delay:calc(var(--k)*.6s)}
@media(max-width:1000px){.crg{grid-template-columns:1fr;gap:44px}.cks{grid-template-columns:1fr 1fr}.cks li:nth-child(3){border-inline-start:0}.cks li{border-top:1px solid rgba(255,255,255,.1)}}
@media(max-width:560px){.cks{grid-template-columns:1fr}.cks li{border-inline-start:0}.lg1{width:76px;height:54px}.cn1 b{font-size:17px}.cnm{letter-spacing:.08em}}

