*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
html{background:#060719}
body{
 font-family:Arial,Helvetica,sans-serif;color:#fff;overflow-x:hidden;
 background:
 radial-gradient(circle at 7% 0%,rgba(105,0,220,.31),transparent 25%),
 radial-gradient(circle at 95% 32%,rgba(111,20,170,.12),transparent 24%),
 linear-gradient(135deg,#060a1c 0%,#09051f 52%,#150027 100%);
 background-attachment:fixed;opacity:0;transform:translateY(8px);
 transition:opacity .48s ease,transform .48s ease
}
body.v24-loaded{opacity:1;transform:none}
body.v24-leaving{opacity:0;transform:scale(.988);transition:.24s ease}
body:before,body:after{
 content:"";position:fixed;z-index:-1;border-radius:50%;width:340px;height:340px;
 border:2px solid rgba(143,39,255,.24);box-shadow:0 0 38px rgba(102,0,255,.12)
}
body:before{left:-210px;top:-220px}body:after{right:-230px;bottom:-225px}
.v24-page{width:min(1360px,94%);margin:auto;padding:30px 0 65px}
.v24-brand{display:flex;justify-content:center;margin-bottom:36px;animation:v24Top .65s ease both}
.v24-brand-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.v24-brand-link img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(255,106,0,.22))}
.v24-brand-name{font-size:54px;font-weight:900;line-height:.95;letter-spacing:-2px}
.v24-brand-name span{color:#ff6b00}
.v24-brand-line{height:3px;margin:9px 0 6px;border-radius:10px;background:linear-gradient(90deg,transparent,#ff6b00,transparent);box-shadow:0 0 12px #ff6b00}
.v24-brand-slogan{font-size:11px;font-weight:900;letter-spacing:2.2px;text-align:center}
.v24-intro{text-align:center;margin-bottom:42px;animation:v24Top .7s .06s ease both}
.v24-mini-line{width:80px;height:3px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(90deg,#8b29ff,#e72bd8,#ff6b00);box-shadow:0 0 12px #9226ff}
.v24-intro h1{font-size:61px;line-height:1;margin:0;font-weight:900;letter-spacing:-2.4px}
.v24-title-line{width:105px;height:4px;margin:18px auto 15px;border-radius:20px;background:linear-gradient(90deg,#8e28ff,#e528d9,#ff6b00);box-shadow:0 0 13px #9b26ff}
.v24-intro p{margin:0;color:#cec8dc;font-size:20px}

.v24-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1300px;margin:auto}
.v24-card{
 position:relative;min-height:112px;display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:15px;
 padding:19px 17px 19px 21px;border-radius:18px;text-decoration:none;color:#fff;
 border:1px solid rgba(135,68,205,.48);
 background:linear-gradient(135deg,rgba(31,18,72,.94),rgba(20,12,52,.96));
 box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
 overflow:hidden;opacity:0;transform:translateY(22px);
 animation:v24CardIn .55s cubic-bezier(.2,.7,.2,1) forwards;
 transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease
}
.v24-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 50%,rgba(120,37,210,.16),transparent 52%);pointer-events:none}
.v24-card:hover{transform:translateY(-4px);border-color:rgba(177,82,246,.82);background:linear-gradient(135deg,rgba(44,22,89,.98),rgba(25,13,61,.98));box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 18px rgba(115,29,215,.13)}
.v24-pin{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(111,35,190,.18);border:1px solid rgba(173,77,255,.35);box-shadow:inset 0 0 15px rgba(134,48,231,.09)}
.v24-pin svg{width:27px;height:27px;fill:none;stroke:#c25cff;stroke-width:1.8;filter:drop-shadow(0 0 6px rgba(135,41,255,.75))}
.v24-name{position:relative;z-index:1;font-size:19px;font-weight:700;line-height:1.3}
.v24-card b{position:relative;z-index:1;font-size:33px;font-weight:300;color:#d0adff;text-shadow:0 0 9px rgba(139,48,255,.6)}
.v24-card:nth-child(1){animation-delay:.05s}.v24-card:nth-child(2){animation-delay:.09s}.v24-card:nth-child(3){animation-delay:.13s}.v24-card:nth-child(4){animation-delay:.17s}.v24-card:nth-child(5){animation-delay:.21s}.v24-card:nth-child(6){animation-delay:.25s}.v24-card:nth-child(7){animation-delay:.29s}.v24-card:nth-child(8){animation-delay:.33s}.v24-card:nth-child(9){animation-delay:.37s}.v24-card:nth-child(10){animation-delay:.41s}.v24-card:nth-child(11){animation-delay:.45s}.v24-card:nth-child(12){animation-delay:.49s}.v24-card:nth-child(13){animation-delay:.53s}.v24-card:nth-child(14){animation-delay:.57s}

.v24-home-wrap{max-width:1300px;margin:34px auto 0;padding-top:28px;border-top:1px solid rgba(151,69,220,.20);display:flex;justify-content:center}
.v24-home{min-width:300px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:11px;padding:15px 18px;border-radius:16px;color:#fff;text-decoration:none;font-size:17px;font-weight:700;border:1px solid rgba(255,107,0,.42);background:linear-gradient(135deg,rgba(47,22,82,.92),rgba(29,13,60,.94));box-shadow:0 10px 28px rgba(0,0,0,.18);transition:.22s ease}
.v24-home:hover{transform:translateY(-3px);border-color:#ff6b00;box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 18px rgba(255,107,0,.12)}
.v24-home-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#ff7a00;background:rgba(255,107,0,.10);border:1px solid rgba(255,107,0,.30)}
.v24-home b{font-size:29px;font-weight:300;color:#ff8a28}

@keyframes v24CardIn{to{opacity:1;transform:translateY(0)}}
@keyframes v24Top{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.v24-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .v24-page{width:92%;padding:22px 0 45px}
 .v24-brand{margin-bottom:31px}.v24-brand-link{gap:8px}.v24-brand-link img{width:56px;height:56px}
 .v24-brand-name{font-size:37px;letter-spacing:-1.3px}.v24-brand-slogan{font-size:7px;letter-spacing:1.25px}.v24-brand-line{height:2px;margin:6px 0 5px}
 .v24-intro{margin-bottom:28px}.v24-mini-line{width:65px;margin-bottom:16px}
 .v24-intro h1{font-size:41px;letter-spacing:-1.5px}.v24-title-line{width:85px;height:3px;margin:13px auto}
 .v24-intro p{font-size:16px;line-height:1.4;padding:0 8px}
 .v24-regions{grid-template-columns:1fr;gap:11px}
 .v24-card{min-height:76px;grid-template-columns:43px 1fr 24px;gap:11px;border-radius:15px;padding:12px 14px}
 .v24-pin{width:41px;height:41px}.v24-pin svg{width:23px;height:23px}.v24-name{font-size:17px}.v24-card b{font-size:29px}
 .v24-home-wrap{margin-top:26px;padding-top:22px}.v24-home{width:100%;min-width:0;font-size:16px}
}
@media(prefers-reduced-motion:reduce){body,.v24-card,.v24-brand,.v24-intro{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}