:root{color-scheme:dark;--gold:#ffb300;--blue:#0099ff}*{box-sizing:border-box}body{margin:0;background:#06070b;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.hv-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(20px,5vw,80px);border-bottom:1px solid #242630;background:#000}.hv-page-header img{width:225px;max-width:42vw;height:auto}.hv-page-header nav{display:flex;align-items:center;gap:24px}.hv-page-header a{text-decoration:none;font-weight:700}.hv-page-main{max-width:1480px;margin:auto;padding:56px clamp(20px,5vw,72px)}.hv-page-kicker{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.hv-page-main>h1{font-size:clamp(36px,6vw,72px);line-height:1.05;margin:16px 0}.hv-page-intro{color:#afb4c2;font-size:18px;line-height:1.6;margin-bottom:38px}.hv-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.hv-list-card{border:1px solid #282b36;border-radius:16px;overflow:hidden;background:#10121b;padding-bottom:20px;transition:border-color .2s}.hv-list-card:hover{border-color:var(--gold)}.hv-list-card a{text-decoration:none;display:block}.hv-list-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.hv-list-card h2{font-size:21px;line-height:1.3;margin:20px 20px 10px}.hv-list-card p{color:#aeb4c3;font-size:14px;line-height:1.5;margin:10px 20px 20px}.hv-watch{border:0;background:var(--gold);color:#0a0a0a;padding:12px 20px;border-radius:24px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer}.hv-list-card .hv-watch{margin-left:20px}.hv-detail{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;margin-bottom:60px}.hv-detail-art{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.hv-detail h1{font-size:clamp(30px,4vw,54px);line-height:1.1}.hv-detail-copy>p:not(.hv-page-kicker){color:#b6bcc9;line-height:1.7}.hv-page-footer{padding:30px;text-align:center;border-top:1px solid #242630;color:#939bab}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.hv-copy .shi-btn{background:transparent;border:0;color:#fff;cursor:pointer}.hv-copy .shi-btn svg{width:20px;height:24px}@media(max-width:900px){.hv-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-detail{grid-template-columns:1fr}}@media(max-width:540px){.hv-page-grid{grid-template-columns:1fr}.hv-page-header{padding:20px}.hv-page-header nav{gap:14px;font-size:12px}}

.lv-card{flex-shrink:0;width:450px;border-radius:12px;overflow:hidden;cursor:pointer;display:grid;grid-template-columns:190px 1fr;background:#0c0c0c;border:1px solid #1e1e1e;transition:border-color .2s}
.lv-card:hover{border-color:#ff950040}
.lv-art{height:130px;display:flex;align-items:center;justify-content:center;font-size:44px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.lv-art img{width:100%;height:100%;object-fit:cover;display:block}
.lv-body{padding:16px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.lv-eye{font-size:9px;color:var(--orange);text-transform:uppercase;font-weight:700;letter-spacing:2px}
.lv-title{font-size:14px;font-weight:700;line-height:1.3;color:#ddd}
.lv-meta{font-size:11px;color:#555}
.lv-btn{align-self:flex-start;margin-top:8px;padding:6px 14px;background:var(--orange);color:#000;border:none;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;gap:5px;white-space:nowrap;transition:background .2s}
.lv-btn:hover{background:#cc7a00}

footer{margin-top:40px}
.ft-signup{
  background:linear-gradient(180deg,#061528 0%,#09203a 100%);
  padding:52px 80px 54px;position:relative;overflow:hidden;
}
.ft-signup::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 90% 55% at 50% 120%,rgba(0,80,200,.14),transparent);
  pointer-events:none;
}
.ft-signup-text{
  font-size:16px;font-weight:500;color:#dce8f4;margin-bottom:24px;
  letter-spacing:.2px;position:relative;z-index:1;
}
.ft-form{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  margin-bottom:20px;position:relative;z-index:1;
}
.ft-inp{
  background:#fff;border:none;border-radius:28px;padding:12px 20px;
  font-size:13.5px;color:#222;outline:none;transition:box-shadow .2s;min-width:0;
  font-family:var(--ff);
}
.ft-inp::placeholder{color:#aaa}
.ft-inp:focus{box-shadow:0 0 0 2px rgba(0,100,255,.35)}
.ft-inp.nm{flex:1.2}
.ft-inp.lc{flex:1}
.ft-inp.em{flex:2}
.ft-sel{
  background:#fff;border:1.5px solid #e0e0e0;border-radius:28px;
  padding:11px 14px;font-size:13.5px;color:#555;outline:none;
  cursor:pointer;flex-shrink:0;min-width:118px;font-family:var(--ff);
}
.ft-btn{
  background:#0066ff;color:#fff;border:none;border-radius:28px;
  padding:12px 28px;font-size:13px;font-weight:800;cursor:pointer;
  letter-spacing:1.5px;white-space:nowrap;transition:background .2s;
  flex-shrink:0;font-family:var(--ff);
}
.ft-btn:hover{background:#0055dd}
.ft-disc{
  font-size:11.5px;color:#88a0b8;line-height:1.75;text-align:center;
  max-width:760px;margin:0 auto;position:relative;z-index:1;
}
.ft-links-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:32px 24px;
  padding:40px 80px;background:#0a0a0a;
  border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;
}
.ft-col-head{
  font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:#ff9900;margin:0 0 14px;
}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.ft-col ul li a{
  font-size:13px;color:rgba(255,255,255,.65);transition:color .15s;
}
.ft-col ul li a:hover{color:#fff}
.ft-bottom{
  background:#000;padding:18px 80px;
  display:flex;align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap;gap:10px;border-top:1px solid #090909;
}
.ft-left{display:flex;flex-direction:column;gap:5px}
.ft-brand{font-size:10px;font-weight:700;color:#303030;letter-spacing:3px;text-transform:uppercase}
.ft-copy{font-size:10.5px;color:#252525;letter-spacing:.2px;line-height:1.6}
.ft-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:2px}
.ft-links a{font-size:11.5px;color:#303030;transition:color .2s;letter-spacing:.3px}
.ft-links a:hover{color:#666}
.ft-back{font-size:11.5px;color:#303030;font-weight:600;letter-spacing:.3px}


:root{--orange:#ffb300;--ff:Arial,Helvetica,sans-serif}.nav{background:#000;border-bottom:1px solid #222}.brand,.nav-right{display:flex;align-items:center;gap:20px}.page-title{font-size:14px;color:#aaa}.page-title b{color:#fff}.nav-signup{display:grid;place-items:center;border-radius:50%;background:#ffb300;color:#000;width:44px;height:44px;text-decoration:none;font-size:24px}.hv-page-main{max-width:1600px}.hv-page-main>section{margin-bottom:80px}.hv-page-main h2{font-size:clamp(24px,3vw,36px)}.hv-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv-page-grid .lv-card{width:100%;grid-template-columns:40% 1fr;min-height:190px;text-decoration:none}.hv-page-grid .lv-art{height:100%;min-height:190px}.hv-page-grid .lv-title{font-size:20px}.hv-page-grid .lv-meta{color:#a3a9b4;font-size:13px}.hv-page-grid .lv-eye{color:#ffb300}.hv-page-grid .lv-btn{font-size:12px;padding:10px 14px}.lv-btn svg{width:14px;height:14px}.hv-watch{text-decoration:none;display:inline-block}.hv-breadcrumb{color:#a4b0bf;font-size:13px;margin-bottom:30px}.hv-breadcrumb a{color:inherit}.hv-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.hv-time-note,.hv-legend{color:#a6b3c2;font-size:13px}.ft-copy,.ft-brand,.ft-links a,.ft-back{color:#9ba9b8}.ft-links-grid{gap:24px}.ft-col a{color:#b4bdc9}.hv-list-card{background:#0c0c0c}.hv-list-card img{transition:transform .3s}.hv-list-card:hover img{transform:scale(1.025)}@media(max-width:700px){.page-title{display:none}.hv-page-grid{grid-template-columns:1fr}.hv-page-grid .lv-card{grid-template-columns:36% 1fr;min-height:170px}.hv-page-grid .lv-art{min-height:170px}.hv-page-grid .lv-title{font-size:17px}.hv-section-heading{display:block}.ft-signup,.ft-links-grid,.ft-bottom{padding:28px 20px}.ft-links-grid{grid-template-columns:repeat(2,1fr)}.hv-page-main{padding:28px 20px}.hv-page-main>section{margin-bottom:50px}}body.hv-live-page,body.hv-detail-page{overflow-x:clip}.hv-live-hero{min-width:0}@media(max-width:700px){.hv-live-hero:before{left:0;right:0}.hv-page-grid .lv-body{min-width:0}.hv-page-grid .lv-btn{white-space:normal}}
