html,body{margin:0;min-height:100%;background:#020912;color:#f2f5f8;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit}.site-header{position:relative;height:150px;max-width:1536px;margin:0 auto;background:linear-gradient(90deg,#020912 0%,#031121 62%,#020912 100%);border-bottom:1px solid rgba(160,190,220,.25);z-index:20}.site-header::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% -30%,rgba(50,100,155,.26),transparent 40%),radial-gradient(circle at 70% 15%,rgba(35,80,130,.2),transparent 34%);pointer-events:none}.brand{position:absolute;left:0;top:0;width:470px;height:150px;display:block;background:url('assets/vespa-header-logo.png') left top/470px 150px no-repeat;text-indent:-9999px;overflow:hidden;z-index:2}.main-nav{position:absolute;right:72px;top:0;height:150px;display:flex;align-items:center;gap:0;z-index:3}.main-nav a{position:relative;display:flex;align-items:center;justify-content:center;height:70px;padding:0 45px;text-decoration:none;text-transform:uppercase;font-size:26px;line-height:1;font-weight:800;letter-spacing:.02em;color:#f5f5f7;text-shadow:0 1px 1px rgba(0,0,0,.8)}.main-nav a+a{border-left:1px solid rgba(200,215,230,.48)}.main-nav a.active{color:#4da2ff}.main-nav a.active::after{content:"";position:absolute;left:34px;right:34px;bottom:8px;height:4px;background:#58aaff;border-radius:4px;box-shadow:0 0 8px rgba(80,170,255,.35)}.home-stage{position:relative;width:100%;max-width:1536px;margin:0 auto;background:#020912;overflow:hidden;line-height:0}.home-stage img{display:block;width:100%;height:auto}.home-stage .site-header{position:absolute;left:0;right:0;top:0}.hotspot{position:absolute;display:block;text-indent:-9999px;overflow:hidden;z-index:30}.hotspot:focus-visible{outline:2px solid #4aa3ff;outline-offset:3px;background:rgba(74,163,255,.08)}.video-link{left:5.1%;top:74.7%;width:29.7%;height:11.2%;border-radius:18px}.page{min-height:100vh;background:radial-gradient(circle at top,#07182c 0,#020912 48%,#01050b 100%)}.content{max-width:1320px;margin:0 auto;padding:54px 32px}.members-content{padding-top:44px}.image-card{border:1px solid rgba(172,202,232,.22);box-shadow:0 22px 70px rgba(0,0,0,.45);background:rgba(255,255,255,.03)}.image-card img{display:block;width:100%;height:auto}.news-card{max-width:900px;margin:8vh auto 0;padding:48px;border:1px solid rgba(130,170,210,.35);background:rgba(18,35,55,.72);box-shadow:0 24px 80px rgba(0,0,0,.55)}.news-card h1{margin:0 0 24px;font-size:44px}.news-card p{font-size:26px;line-height:1.45;margin:0}.news-card a{display:inline-block;margin-top:26px;padding:18px 26px;border:1px solid #4aa3ff;border-radius:14px;text-decoration:none;color:white;background:linear-gradient(90deg,rgba(0,64,150,.75),rgba(0,22,60,.75));font-weight:700;font-size:20px}.footer{padding:28px;text-align:center;color:rgba(255,255,255,.56)}@media(max-width:900px){.site-header{height:108px}.brand{width:340px;height:108px;background-size:340px 108px}.main-nav{right:20px;height:108px}.main-nav a{font-size:18px;padding:0 20px;height:52px}.main-nav a.active::after{left:18px;right:18px;bottom:5px;height:3px}.content{padding:24px}.news-card{padding:28px}.news-card h1{font-size:30px}.news-card p{font-size:21px}.video-link{border-radius:10px}}


.video-preview{
  position:absolute;
  left:5.1%;
  top:60.2%;
  width:29.7%;
  z-index:35;
  display:block;
  border:2px solid #3da1ff;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(0,22,60,.92),rgba(0,10,28,.92));
  box-shadow:0 0 24px rgba(36,132,255,.22);
  text-decoration:none;
  line-height:1;
}
.video-title{
  display:block;
  padding:17px 22px 15px;
  font-size:28px;
  line-height:1.1;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,.9);
  border-bottom:1px solid rgba(90,170,255,.35);
  background:linear-gradient(90deg,rgba(0,55,125,.72),rgba(0,18,50,.48));
}
.video-frame{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  background:#06152a;
}
.video-frame video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.96) contrast(1.08) saturate(.95);
}
.video-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));
  pointer-events:none;
}
.video-preview:hover{border-color:#74bdff;box-shadow:0 0 34px rgba(55,155,255,.38)}
.video-preview:focus-visible{outline:2px solid #88c9ff;outline-offset:4px}
@media(max-width:900px){.video-preview{border-radius:10px;top:61.5%;}.video-title{font-size:15px;padding:9px 12px}}