/* HD showcase + image polish */
.sc{position:relative;z-index:2;padding:80px 20px;max-width:1240px;margin:0 auto;text-align:center;color:#fff;font-family:inherit}
.sc h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 10px;background:linear-gradient(90deg,#fff,#7fb3ff,#ffb800,#fff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:scT 6s linear infinite}
@keyframes scT{to{background-position:220% 0}}
.sc p{color:#9fb2dd;margin:0 auto 34px;max-width:560px}
.sc-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;perspective:1200px}
.sc-i{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:#07102a;cursor:zoom-in;box-shadow:0 30px 60px -24px #000,0 0 0 1px rgba(127,179,255,.2);transition:transform .25s ease-out,box-shadow .4s;transform-style:preserve-3d}
.sc-i:hover{box-shadow:0 40px 80px -20px rgba(79,142,247,.55),0 0 0 1px #ffb800}
.sc-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.sc-i:hover img{transform:scale(1.12)}
.sc-i:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}
.sc-i:hover:after{transform:translateX(120%)}
.sc-m{overflow:hidden;margin-top:26px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sc-t{display:flex;gap:16px;width:max-content;animation:scM 50s linear infinite}
.sc-t img{height:130px;width:130px;object-fit:cover;border-radius:14px;box-shadow:0 14px 30px -12px #000}
.sc-m:hover .sc-t{animation-play-state:paused}
@keyframes scM{to{transform:translateX(-50%)}}
.sc-b{display:inline-block;margin-top:34px;padding:14px 30px;border-radius:40px;background:linear-gradient(135deg,#ffb800,#ffd76a);color:#1a0e00;font-weight:800;text-decoration:none;box-shadow:0 16px 36px -10px rgba(255,184,0,.6)}

.cms-bar{position:relative;z-index:1000;display:flex;justify-content:center;align-items:center;gap:14px;padding:9px 40px;background:linear-gradient(90deg,#1d4ed8,#7c3aed);color:#fff;font:600 .85rem system-ui,sans-serif;text-align:center}
.cms-bar a{color:#ffd76a}.cms-bar button{position:absolute;right:12px;background:none;border:0;color:#fff;font-size:1.3rem;cursor:pointer}
.cms-t{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;text-align:left}
.cms-tc{padding:24px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(127,179,255,.25);box-shadow:0 24px 50px -22px #000}
.cms-st{color:#ffb800;letter-spacing:3px}.cms-tc p{margin:10px 0 16px;color:#e8f0ff}
.cms-who{display:flex;align-items:center;gap:12px}.cms-who img{width:46px;height:46px;border-radius:50%;object-fit:cover}.cms-who small{color:#9fb2dd}
.cms-f{max-width:820px;margin:0 auto;text-align:left}
.cms-f details{margin-bottom:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(127,179,255,.25);padding:4px 18px}
.cms-f summary{cursor:pointer;padding:14px 0;font-weight:700;color:#fff}.cms-f details[open] summary{color:#ffc233}.cms-f p{margin:0 0 16px;color:#c8d6f5;line-height:1.7}
.cms-so{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:18px}.cms-so a{color:#ffc233}