.msr-bold{position:relative;isolation:isolate;background:#08090b;color:#fff;overflow:hidden;padding:28px 0 clamp(36px,4vw,70px);scroll-margin-top:85px}
.msr-bold:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 2px 2px,#58585e80 1px,transparent 1.8px) 0 0/12px 12px;mask-image:linear-gradient(90deg,#000,transparent 14%,transparent 86%,#000);opacity:.45}
.msr-bold:after{content:"";position:absolute;bottom:0;left:-20px;width:210px;height:42px;background:repeating-linear-gradient(150deg,transparent 0 13px,#ff008c 14px 23px,transparent 24px 29px);transform:skewY(-13deg);opacity:.7;z-index:-1;pointer-events:none}
.msr-bold__in{max-width:2000px;margin:auto;padding:0 clamp(16px,2.5vw,48px)}
.msr-bold__head{position:relative;display:flex;justify-content:flex-end;margin:0 5px 29px}
.msr-bold__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.msr-bold__all{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:60px;min-width:290px;padding:12px 24px;color:#fff!important;background:linear-gradient(#171018,#050506);border:2px solid #ff008c;box-shadow:0 0 16px #ff008c55,inset 0 0 8px #ff008c26;text-decoration:none;border-radius:5px;font-size:23px;font-weight:900;line-height:1.2;transform:skewX(-7deg)}
.msr-bold__all span{transform:skewX(7deg)}
.msr-bold__all span:last-child{font-family:Arial,sans-serif;font-size:32px;line-height:1}
.msr-bold__all:focus-visible{outline:3px solid #ffef00;outline-offset:6px}
.msr-bold__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.15vw,24px);position:relative}
.msr-bold__card{--msr-accent:#ff008c;position:relative;display:block;min-width:0;text-decoration:none!important;color:#fff!important;border:1px solid #71747b;border-radius:15px;background:linear-gradient(125deg,#b8bdc3 0%,#22252b 8%,#050507 25%,#33373c 75%,#09090a 100%);padding:6px;box-shadow:0 7px 2px #000,0 12px 20px -15px var(--msr-accent);isolation:isolate;transition:transform .16s ease,border-color .16s ease}
.msr-bold__card:nth-child(2),.msr-bold__card:nth-child(4){--msr-accent:#fff000}
.msr-bold__card:nth-child(3),.msr-bold__card:nth-child(6){--msr-accent:#00e7eb}
.msr-bold__card:after{content:"";position:absolute;z-index:-1;left:10%;right:10%;top:calc(100% + 8px);height:25px;background:radial-gradient(ellipse,var(--msr-accent),transparent 70%);opacity:.4;filter:blur(5px);pointer-events:none}
.msr-bold__card:focus-visible{outline:3px solid #fff000;outline-offset:7px}
.msr-bold__frame{overflow:hidden;border:1px solid #adb1b6;border-bottom:3px solid var(--msr-accent);border-radius:9px;box-shadow:0 3px 8px -3px var(--msr-accent);background:#07080a}
.msr-bold__number{position:absolute;z-index:2;left:3px;top:-7px;display:grid;place-items:center;min-width:56px;height:35px;padding:0 14px 1px 8px;background:#fff000;color:#08090a;font-size:24px;font-weight:900;font-style:italic;line-height:1;clip-path:polygon(18% 0,100% 0,76% 100%,0 100%,0 45%);filter:drop-shadow(2px 3px 1px #000)}
.msr-bold__media{aspect-ratio:5/6;overflow:hidden;background:#08090b}
.msr-bold__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.msr-bold__label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:73px;padding:12px 12px 11px;background:linear-gradient(#1c1d21,#0a0a0d);border-top:1px solid #75767d}
.msr-bold .msr-bold__label h3{color:#fff!important;font-family:inherit;font-size:clamp(15px,1.35vw,25px);font-weight:900;line-height:1.12;letter-spacing:-.035em;margin:0;overflow-wrap:normal}
.msr-bold__label>span{font-family:Arial,sans-serif;font-size:clamp(25px,2vw,36px);line-height:1;flex:none;color:#fff}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.msr-bold__card:hover{transform:translateY(-4px);border-color:var(--msr-accent)}}
@media(min-width:1800px){.msr-bold__number{min-width:70px;height:42px;font-size:30px}}
@media(max-width:1000px) and (min-width:701px){.msr-bold__rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.msr-bold__label{min-height:66px}.msr-bold .msr-bold__label h3{font-size:20px}}
@media(max-width:700px){
 .msr-bold{padding:28px 0 35px;scroll-margin-top:75px}
 .msr-bold__in{padding:0 17px}
 .msr-bold__head{margin:0 3px 25px}
 .msr-bold__mobile-title{display:block;font-size:clamp(30px,8.9vw,48px);font-weight:900;letter-spacing:-.06em;line-height:1.04;max-width:100%;color:#fff}
 .msr-bold__all{min-width:0;width:220px;min-height:46px;padding:8px 17px;font-size:15px;gap:20px}
 .msr-bold__all span{transform:skewX(7deg)}
 .msr-bold__all span:last-child{font-family:Arial,sans-serif;font-size:27px;line-height:1}
 .msr-bold__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}
 .msr-bold__card{padding:4px;border-radius:11px}
 .msr-bold__frame{border-radius:6px}
 .msr-bold__number{min-width:42px;height:28px;top:-6px;left:2px;font-size:19px;padding:0 10px 0 6px}
 .msr-bold__media{aspect-ratio:5/6}
 .msr-bold__label{min-height:57px;padding:9px 8px;gap:5px}
 .msr-bold .msr-bold__label h3{font-size:clamp(11px,3.4vw,19px);line-height:1.15;letter-spacing:-.035em}
 .msr-bold__label>span{font-size:23px}
 .msr-bold__card:after{height:19px;opacity:.3}
}
