.home-top-videos{position:relative;padding:80px 0 60px;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#91edff88,transparent 55%),linear-gradient(135deg,#edf4ff,#dce7ff);color:#10296e;border-block:1px solid #91afff80}
.top-video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 30px;width:88%;max-width:1400px}.top-video-heading p{font:700 14px/1.5 Arial;letter-spacing:.14em;margin:0 0 14px}.top-video-heading h2{font-size:clamp(44px,8vw,110px);line-height:.95;letter-spacing:-.06em;margin:0}.top-video-heading h2 span{color:#2750f2}.top-video-heading a{color:inherit;font:700 15px Arial;text-decoration:none;padding:14px 20px;border:1px solid currentColor;border-radius:30px;white-space:nowrap}
.top-video-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 6% 30px;scroll-padding-inline:6%;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#467bff transparent}
.top-video-card{flex:0 0 min(580px,72vw);min-width:0;scroll-snap-align:center;border:1px solid #fff;border-radius:28px;padding:24px;background:#ffffffb8;box-shadow:0 20px 45px #174abc18}.top-video-card-head{display:flex;align-items:center;gap:18px}.top-video-place{font:900 56px/.95 Arial;letter-spacing:-.07em;color:#2750f2}.top-video-project{font:700 14px/1.4 Arial;letter-spacing:.08em}.top-video-card h3{font:700 23px/1.25 Arial;min-height:58px;margin:18px 0}.top-video-media{border-radius:18px;overflow:hidden;background:#080e24}.top-video-media video{display:block;width:100%;height:360px;object-fit:contain;background:#080e24}.home-top-videos .video-rating{margin:0;border:0;border-radius:0;padding:18px}.home-top-videos .rating-kicker,.home-top-videos .rating-count small,.home-top-videos .rating-prompt{font-size:12px}.home-top-videos .rating-count b{font-size:14px}.home-top-videos .rating-action button{height:44px}
.top-video-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;width:88%;margin:20px auto 0;max-width:1400px}.top-video-status{font:14px/1.5 Arial;margin:0}.top-video-controls{display:flex;gap:10px}.top-video-controls button{width:52px;height:52px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:50%;font:32px Arial;cursor:pointer}.home-top-videos button:focus-visible,.home-top-videos a:focus-visible{outline:3px solid #24bfc4;outline-offset:4px}
body[data-design=neon] .home-top-videos{background:radial-gradient(ellipse at 65% 0,#1736a8,transparent 65%),#060e2d;color:#f0f7ff;border-color:#39edee66}body[data-design=neon] .top-video-card{background:linear-gradient(145deg,#16265b,#081531);border-color:#5be9ff55;box-shadow:0 15px 50px #0005}body[data-design=neon] .top-video-place,body[data-design=neon] .top-video-heading h2 span{color:#8cf9ee}
@media(max-width:760px){.home-top-videos{padding:48px 0 36px}.top-video-heading{align-items:flex-start;flex-direction:column}.top-video-heading h2{font-size:54px}.top-video-card{flex-basis:86vw;padding:16px;border-radius:22px}.top-video-track{gap:16px;padding-inline:7%;scroll-padding-inline:7%}.top-video-media video{height:320px}.top-video-card h3{font-size:20px;min-height:50px}.top-video-footer{align-items:center}.top-video-status{max-width:180px}.top-video-place{font-size:44px}}

.home-top-videos .top-video-card-head{margin-bottom:22px}.home-top-videos h3.top-video-project{margin:0;min-height:0;font-size:23px;line-height:1.25;letter-spacing:0}@media(max-width:760px){.home-top-videos h3.top-video-project{font-size:20px}}
