.nst-tabs-wrapper{
max-width:1400px;
margin:0 auto;
font-family:inherit;
box-sizing:border-box;
}

.nst-tabs-wrapper *{
box-sizing:border-box;
}

.nst-tabs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
justify-content:center;
align-items:stretch;
margin-bottom:26px;
}

.nst-tab{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,#ffffff 0%,#f7f7f9 100%);
border:1px solid rgba(17,24,39,.13);
outline:0;
padding:17px 18px;
border-radius:20px;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
gap:12px;
font-weight:800;
font-size:15px;
line-height:1.25;
letter-spacing:-.01em;
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
box-shadow:0 12px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95);
color:#121826;
min-height:72px;
width:100%;
-webkit-tap-highlight-color:transparent;
}

.nst-tab:before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at top left,rgba(204,0,0,.12),transparent 34%), radial-gradient(circle at bottom right,rgba(15,23,42,.08),transparent 32%);
opacity:0;
transition:opacity .22s ease;
pointer-events:none;
}

.nst-tab img{
width:30px;
height:30px;
object-fit:contain;
flex:0 0 auto;
position:relative;
z-index:1;
}

.nst-tab span{
position:relative;
z-index:1;
}

.nst-icon-placeholder{
width:30px;
height:30px;
border-radius:11px;
border:2px dashed currentColor;
display:inline-block;
flex:0 0 auto;
opacity:.75;
position:relative;
z-index:1;
}

.nst-tab:hover{
transform:translateY(-2px);
box-shadow:0 16px 34px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.95);
border-color:rgba(204,0,0,.34);
}

.nst-tab:hover:before{
opacity:1;
}

.nst-tab.active{
background:linear-gradient(135deg,#cc0000 0%,#a90000 100%);
color:#fff;
border-color:rgba(204,0,0,.78);
box-shadow:0 18px 38px rgba(204,0,0,.25),0 10px 22px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.28);
}

.nst-tab.active:before{
opacity:1;
background:radial-gradient(circle at top left,rgba(255,255,255,.28),transparent 34%), radial-gradient(circle at bottom right,rgba(0,0,0,.16),transparent 34%);
}

.nst-tab.active .nst-icon-placeholder{
border-color:rgba(255,255,255,.88);
}

.nst-content{
background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%);
padding:30px;
border-radius:26px;
box-shadow:0 18px 50px rgba(15,23,42,.10);
border:1px solid rgba(17,24,39,.10);
width:100%;
overflow:hidden;
}

.nst-pane{
display:none;
}

.nst-pane.active{
display:block;
animation:nstabFade .18s ease both;
}

@keyframes nstabFade{
from{opacity:.82;transform:translateY(3px)}
to{opacity:1;transform:translateY(0)}
}

.nst-pane ul{
list-style:none;
padding:0;
margin:0;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
width:100%;
}

.nst-pane li{
position:relative;
padding:18px 18px 18px 20px;
margin:0;
background:#fff;
border-radius:16px;
border:1px solid rgba(17,24,39,.10);
line-height:1.5;
box-shadow:0 8px 22px rgba(15,23,42,.06);
overflow:hidden;
}

.nst-pane li:before{
content:"";
position:absolute;
left:0;
top:14px;
bottom:14px;
width:5px;
border-radius:0 999px 999px 0;
background:#cc0000;
}

.nst-pane li strong{
color:#111827;
font-weight:800;
}

@media(max-width:900px){
.nst-tabs{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
}

@media(max-width:768px){
.nst-tabs-wrapper{
width:100%;
max-width:100%;
padding:0 10px;
overflow-x:hidden;
}

.nst-tabs{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-bottom:16px;
width:100%;
}

.nst-tab,
.nst-tab:hover,
.nst-tab.active{
transform:none;
}

.nst-tab{
width:100%;
min-width:0;
min-height:82px;
padding:13px 9px;
flex-direction:column;
gap:7px;
border-radius:18px;
font-size:12.5px;
line-height:1.18;
box-shadow:0 9px 22px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.9);
}

.nst-tab img,
.nst-icon-placeholder{
width:27px;
height:27px;
}

.nst-tab span:last-child{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
max-width:100%;
}

.nst-content{
padding:14px;
border-radius:22px;
width:100%;
min-width:0;
box-shadow:0 12px 34px rgba(15,23,42,.09);
}

.nst-pane ul{
grid-template-columns:1fr;
gap:10px;
width:100%;
min-width:0;
}

.nst-pane li{
width:100%;
min-width:0;
padding:15px 14px 15px 18px;
border-radius:15px;
font-size:14px;
word-break:break-word;
overflow-wrap:anywhere;
box-shadow:0 7px 18px rgba(15,23,42,.06);
}
}

@media(max-width:380px){
.nst-tabs-wrapper{
padding:0 8px;
}

.nst-tab{
min-height:78px;
font-size:11.8px;
padding:12px 7px;
}

.nst-content{
padding:12px;
}
}