.page-home{
  --home-green:#39ff14;
  --home-orange:#ff6b35;
  --home-cyan:#00d4ff;
  --home-yellow:#ffd400;
  --home-panel:#112240;
  --home-panel-deep:#0d1b33;
  --home-text:#e6f1ff;
  --home-dim:#a8b2d1;
  --home-bg:#0a1128;
  --home-mono:'JetBrains Mono','SFMono-Regular',Consolas,Menlo,monospace;
  --home-sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--home-bg);
  color:var(--home-text);
  font-family:var(--home-sans);
  line-height:1.7;
  overflow-x:hidden;
}

.page-home *,
.page-home *::before,
.page-home *::after{
  box-sizing:border-box;
}

.page-home img{
  max-width:100%;
  height:auto;
  display:block;
}

.page-home a{
  color:inherit;
  text-decoration:none;
}

.page-home__section{
  position:relative;
  padding:clamp(56px,7vw,96px) 24px;
  scroll-margin-top:80px;
}

.page-home .home-hero{
  position:relative;
  min-height:calc(100vh - 72px);
  display:flex;
  align-items:center;
  padding:calc(56px + 24px) 24px 72px;
  isolation:isolate;
}

.page-home .home-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  z-index:-2;
  filter:saturate(0.85) contrast(1.05);
}

.page-home .home-hero__overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(105deg,rgba(10,17,40,0.97) 0%,rgba(10,17,40,0.9) 45%,rgba(10,17,40,0.55) 100%),
    radial-gradient(1200px 500px at 85% 20%,rgba(57,255,20,0.12),transparent 60%),
    radial-gradient(800px 400px at 20% 90%,rgba(255,107,53,0.15),transparent 60%);
  clip-path:polygon(0 0,100% 0,100% 88%,0 100%);
}

.page-home .breadcrumb{
  position:absolute;
  top:24px;
  left:clamp(16px,4vw,48px);
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  letter-spacing:0.06em;
  color:var(--home-dim);
  z-index:3;
}

.page-home .breadcrumb__item{
  font-family:var(--home-mono);
}

.page-home .breadcrumb__sep{
  color:var(--home-green);
  opacity:0.7;
}

.page-home .home-hero__inner{
  width:100%;
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:48px;
  align-items:center;
}

.page-home .home-hero__content{
  position:relative;
  max-width:820px;
}

.page-home .home-hero__kicker{
  font-family:var(--home-mono);
  font-size:clamp(11px,1.2vw,13px);
  letter-spacing:0.35em;
  color:var(--home-green);
  text-transform:uppercase;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:14px;
}

.page-home .home-hero__kicker::before{
  content:'';
  width:44px;
  height:2px;
  background:var(--home-green);
  box-shadow:0 0 12px rgba(57,255,20,0.7);
  display:block;
}

.page-home .home-hero__title{
  font-size:clamp(34px,5vw,60px);
  font-weight:900;
  line-height:1.16;
  letter-spacing:-0.02em;
  margin:0 0 24px;
  text-wrap:balance;
}

.page-home .home-hero__title span{
  color:var(--home-green);
}

.page-home .home-hero__lead{
  font-size:clamp(15px,2vw,17px);
  color:var(--home-dim);
  line-height:1.85;
  max-width:620px;
  margin:0 0 36px;
  border-left:3px solid var(--home-orange);
  padding-left:20px;
}

.page-home .home-hero__actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
}

.page-home .btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:14px 28px;
  border-radius:var(--radius);
  font-family:var(--home-sans);
  font-size:15px;
  font-weight:700;
  letter-spacing:0.02em;
  transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition);
  border:1px solid transparent;
  cursor:pointer;
}

.page-home .btn--primary{
  background:var(--home-orange);
  color:#0a1128;
  border-color:var(--home-orange);
}

.page-home .btn--primary:hover,
.page-home .btn--primary:focus-visible{
  background:var(--home-green);
  border-color:var(--home-green);
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(57,255,20,0.25);
}

.page-home .btn__arrow{
  font-family:var(--home-mono);
  font-size:18px;
  line-height:1;
  transition:transform var(--transition);
}

.page-home .btn:hover .btn__arrow,
.page-home .btn:focus-visible .btn__arrow{
  transform:translateX(4px);
}

.page-home .home-hero__btn-ghost{
  background:rgba(230,241,255,0.06);
  color:var(--home-text);
  border-color:rgba(168,178,209,0.35);
  backdrop-filter:blur(4px);
}

.page-home .home-hero__btn-ghost:hover{
  border-color:var(--home-cyan);
  box-shadow:0 0 20px rgba(0,212,255,0.15);
}

.page-home .home-hero__btn-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--home-cyan);
  box-shadow:0 0 10px var(--home-cyan);
  animation:pulse-dot 2s ease-in-out infinite;
}

@keyframes pulse-dot{
  0%,100%{opacity:1; transform:scale(1);}
  50%{opacity:0.4; transform:scale(0.75);}
}

.page-home .home-hero__panel{
  background:rgba(17,34,64,0.82);
  border:1px solid rgba(0,212,255,0.2);
  border-radius:var(--radius);
  padding:28px 28px 24px;
  backdrop-filter:blur(8px);
  box-shadow:0 20px 60px rgba(0,0,0,0.35);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
  position:relative;
  max-width:520px;
  width:100%;
}

.page-home .home-hero__panel-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
  font-family:var(--home-mono);
  font-size:13px;
  letter-spacing:0.1em;
}

.page-home .home-hero__panel-title{
  color:var(--home-cyan);
  text-transform:uppercase;
}

.page-home .home-hero__live-indicator{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--home-dim);
  font-size:12px;
}

.page-home .home-hero__live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--home-green);
  box-shadow:0 0 12px var(--home-green);
  animation:live-blink 1.6s ease-in-out infinite;
}

@keyframes live-blink{
  0%,100%{opacity:1;}
  50%{opacity:0.25;}
}

.page-home .home-hero__matrix{
  margin:0 0 20px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.page-home .home-hero__matrix-item{
  background:rgba(10,17,40,0.55);
  border:1px solid rgba(168,178,209,0.12);
  border-radius:var(--radius);
  padding:14px 16px;
}

.page-home .home-hero__matrix-item dt{
  font-size:12px;
  color:var(--home-dim);
  letter-spacing:0.08em;
  margin-bottom:6px;
}

.page-home .home-hero__matrix-item dd{
  margin:0;
  font-family:var(--home-mono);
  font-size:28px;
  font-weight:500;
  color:var(--home-text);
  line-height:1.1;
}

.page-home .data-num{
  font-family:var(--home-mono);
  font-weight:700;
  color:var(--home-green);
}

.page-home .home-hero__ticker{
  display:flex;
  align-items:center;
  gap:14px;
  padding-top:18px;
  border-top:1px dashed rgba(168,178,209,0.2);
}

.page-home .home-hero__ticker-label{
  font-size:12px;
  color:var(--home-dim);
  letter-spacing:0.08em;
  white-space:nowrap;
}

.page-home .home-hero__ticker-bar{
  flex:1;
  height:4px;
  background:rgba(168,178,209,0.15);
  border-radius:99px;
  position:relative;
  overflow:hidden;
}

.page-home .home-hero__ticker-bar-inner{
  position:absolute;
  inset:0 50% 0 0;
  background:linear-gradient(90deg,var(--home-green),var(--home-cyan));
  border-radius:99px;
  animation:ticker-sweep 2.4s ease-in-out infinite;
}

@keyframes ticker-sweep{
  0%{right:80%;}
  100%{right:0%;}
}

.page-home .home-hero__ticker-value{
  font-family:var(--home-mono);
  font-size:18px;
  font-weight:700;
  color:var(--home-cyan);
}

.page-home .home-hero__scrolldown{
  position:absolute;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-family:var(--home-mono);
  font-size:10px;
  letter-spacing:0.4em;
  color:var(--home-dim);
  text-transform:uppercase;
}

.page-home .home-hero__scrolldown-line{
  width:1px;
  height:36px;
  background:linear-gradient(to bottom,var(--home-green),transparent);
  animation:scroll-hint 2s ease-in-out infinite;
}

@keyframes scroll-hint{
  0%{transform:scaleY(1); transform-origin:top;}
  50%{transform:scaleY(0.3); transform-origin:top;}
  51%{transform-origin:bottom;}
  100%{transform:scaleY(1); transform-origin:bottom;}
}

.page-home .home-quicknav{
  padding:0 24px;
  position:relative;
  z-index:5;
  margin-top:-32px;
}

.page-home .home-quicknav__inner{
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.page-home .home-quicknav__item{
  background:var(--home-panel);
  padding:20px 22px;
  border-radius:var(--radius);
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid rgba(168,178,209,0.14);
  transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition);
  position:relative;
  overflow:hidden;
}

.page-home .home-quicknav__item:hover{
  border-color:var(--home-green);
  box-shadow:0 0 24px rgba(57,255,20,0.12);
  transform:translateY(-4px);
}

.page-home .home-quicknav__num{
  font-family:var(--home-mono);
  font-size:12px;
  letter-spacing:0.15em;
  color:var(--home-dim);
}

.page-home .home-quicknav__item--green .home-quicknav__num{color:var(--home-green);}
.page-home .home-quicknav__item--cyan .home-quicknav__num{color:var(--home-cyan);}
.page-home .home-quicknav__item--orange .home-quicknav__num{color:var(--home-orange);}
.page-home .home-quicknav__item--yellow .home-quicknav__num{color:var(--home-yellow);}

.page-home .home-quicknav__label{
  font-size:18px;
  font-weight:700;
  letter-spacing:0.01em;
}

.page-home .home-quicknav__desc{
  font-size:13px;
  color:var(--home-dim);
  font-family:var(--home-mono);
}

.page-home .home-section-head{
  max-width:var(--container-width);
  margin:0 auto 40px;
  display:grid;
  gap:16px;
  align-items:start;
}

.page-home .home-section-head__mark{
  font-family:var(--home-mono);
  font-size:64px;
  font-weight:700;
  line-height:1;
  color:rgba(255,255,255,0.08);
  -webkit-text-stroke:1px rgba(57,255,20,0.4);
  letter-spacing:-0.04em;
  user-select:none;
}

.page-home .home-section-head__kick{
  font-family:var(--home-mono);
  font-size:12px;
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--home-green);
  margin:0 0 10px;
}

.page-home .home-section-head__title{
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1.2;
  margin:0;
}

.page-home .home-section-head__desc{
  font-size:15px;
  color:var(--home-dim);
  line-height:1.8;
  margin:0;
  max-width:560px;
}

.page-home .home-report{
  background:linear-gradient(180deg,var(--home-bg) 0%,rgba(17,34,64,0.5) 100%);
}

.page-home .home-report__body{
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
}

.page-home .home-report__feed{
  background:var(--home-panel);
  border-radius:var(--radius);
  border:1px solid rgba(168,178,209,0.15);
  padding:16px;
  position:relative;
}

.page-home .home-report__feed::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:80px;
  height:3px;
  background:var(--home-green);
  box-shadow:0 0 16px rgba(57,255,20,0.5);
}

.page-home .home-report__feed-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.page-home .home-report__feed-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-dim);
}

.page-home .home-report__feed-status-icon{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--home-green);
  box-shadow:0 0 10px var(--home-green);
}

.page-home .home-report__refresh-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(57,255,20,0.08);
  border:1px solid rgba(57,255,20,0.3);
  color:var(--home-green);
  font-family:var(--home-mono);
  font-size:13px;
  padding:8px 16px;
  border-radius:99px;
  cursor:pointer;
  transition:background-color var(--transition), box-shadow var(--transition);
}

.page-home .home-report__refresh-btn:hover{
  background:rgba(57,255,20,0.2);
  box-shadow:0 0 24px rgba(57,255,20,0.2);
}

.page-home .home-report__refresh-icon{
  display:inline-block;
  font-size:16px;
  line-height:1;
}

.page-home .home-report__refresh-btn.is-refreshing .home-report__refresh-icon{
  animation:spin 0.6s ease-out;
}

@keyframes spin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

.page-home .home-report__refresh-btn.is-refreshing .home-report__feed-status-icon{
  animation:pulse-dot 0.6s ease-out;
}

.page-home .home-report__feed-note{
  font-size:13px;
  color:var(--home-dim);
  margin-bottom:16px;
  padding-left:14px;
  border-left:2px solid rgba(0,212,255,0.4);
  line-height:1.6;
}

.page-home .home-report__score-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
}

.page-home .home-report__score-item{
  padding:18px 8px;
  border-bottom:1px solid rgba(168,178,209,0.12);
  transition:background-color var(--transition);
}

.page-home .home-report__score-item:hover{
  background:rgba(57,255,20,0.04);
}

.page-home .home-report__score-item--hot{
  border-left:2px solid var(--home-green);
  background:rgba(57,255,20,0.025);
}

.page-home .home-report__score-meta{
  display:flex;
  justify-content:space-between;
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-dim);
  margin-bottom:12px;
}

.page-home .home-report__league{
  color:var(--home-cyan);
  letter-spacing:0.08em;
}

.page-home .home-report__score-main{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.page-home .home-report__team{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  min-width:0;
  font-size:16px;
  font-weight:700;
}

.page-home .home-report__team--right{
  justify-content:flex-end;
}

.page-home .home-report__team-rank{
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-dim);
  background:rgba(168,178,209,0.1);
  padding:2px 6px;
  border-radius:4px;
}

.page-home .home-report__team-name{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.page-home .home-report__score-num{
  display:flex;
  align-items:center;
  gap:6px;
  font-family:var(--home-mono);
  font-size:32px;
  font-weight:700;
}

.page-home .home-report__score-gl{
  min-width:1.2em;
  text-align:center;
  transition:transform 0.3s ease-out;
}

.page-home .home-report__score-sep{
  color:var(--home-dim);
  font-size:22px;
}

.page-home .home-report__score-item--hot .home-report__score-gl{
  color:var(--home-green);
  text-shadow:0 0 14px rgba(57,255,20,0.4);
}

.page-home .home-report__score-sub{
  display:flex;
  gap:18px;
  margin-top:10px;
  padding-left:32px;
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-dim);
  flex-wrap:wrap;
}

.page-home .home-report__more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  font-size:14px;
  color:var(--home-cyan);
  font-weight:600;
  transition:gap var(--transition);
}

.page-home .home-report__more:hover{
  gap:14px;
}

.page-home .home-report__side{
  display:grid;
  gap:16px;
  align-content:start;
}

.page-home .home-report__side-card{
  background:var(--home-panel-deep);
  border-radius:var(--radius);
  border:1px solid rgba(168,178,209,0.14);
  padding:24px;
}

.page-home .home-report__side-card--member{
  background:linear-gradient(135deg,rgba(255,107,53,0.12),rgba(17,34,64,0.9) 60%);
  border-color:rgba(255,107,53,0.3);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
}

.page-home .home-report__side-tag{
  display:inline-block;
  font-family:var(--home-mono);
  font-size:11px;
  letter-spacing:0.25em;
  color:var(--home-orange);
  border:1px solid rgba(255,107,53,0.4);
  padding:4px 12px;
  border-radius:99px;
  margin-bottom:16px;
}

.page-home .home-report__side-title{
  font-size:22px;
  font-weight:800;
  margin:0 0 12px;
  letter-spacing:-0.01em;
}

.page-home .home-report__side-text{
  font-size:14px;
  color:var(--home-dim);
  line-height:1.75;
  margin:0 0 18px;
}

.page-home .home-report__side-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:0 0 20px;
}

.page-home .home-report__side-list div{
  text-align:center;
  padding:10px 4px;
  background:rgba(10,17,40,0.5);
  border-radius:var(--radius);
}

.page-home .home-report__side-list dt{
  font-size:11px;
  color:var(--home-dim);
}

.page-home .home-report__side-list dd{
  font-size:14px;
  font-weight:700;
  margin:4px 0 0;
  color:var(--home-text);
}

.page-home .home-report__side-btn{
  width:100%;
  justify-content:center;
}

.page-home .home-report__side-card--refresh{
  display:flex;
  align-items:center;
  gap:18px;
}

.page-home .home-report__side-label{
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-dim);
  letter-spacing:0.12em;
  writing-mode:vertical-rl;
}

.page-home .home-report__side-clock{
  font-family:var(--home-mono);
  font-size:36px;
  font-weight:700;
  color:var(--home-green);
  text-shadow:0 0 24px rgba(57,255,20,0.3);
}

.page-home .home-report__side-note{
  font-size:13px;
  color:var(--home-dim);
  line-height:1.6;
  margin:0;
}

.page-home .home-match{
  background:var(--home-panel-deep);
  position:relative;
}

.page-home .home-match::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--home-cyan),transparent);
  opacity:0.4;
}

.page-home .home-section-head--inline .home-section-head__desc{
  grid-column:1/-1;
}

.page-home .home-match__body{
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}

.page-home .home-match__visual{
  display:none;
}

.page-home .home-match__panel{
  background:rgba(17,34,64,0.8);
  border-radius:var(--radius);
  border:1px solid rgba(0,212,255,0.18);
  padding:20px;
  position:relative;
}

.page-home .home-match__tabs{
  display:flex;
  gap:6px;
  margin-bottom:20px;
  flex-wrap:wrap;
}

.page-home .home-match__tab{
  background:transparent;
  border:1px solid rgba(168,178,209,0.25);
  color:var(--home-dim);
  font-family:var(--home-mono);
  font-size:13px;
  padding:8px 18px;
  border-radius:99px;
  cursor:pointer;
  transition:all var(--transition);
}

.page-home .home-match__tab:hover{
  border-color:var(--home-cyan);
  color:var(--home-text);
}

.page-home .home-match__tab.is-active{
  background:var(--home-cyan);
  border-color:var(--home-cyan);
  color:#0a1128;
  font-weight:700;
  box-shadow:0 0 20px rgba(0,212,255,0.25);
}

.page-home .home-match__pane{
  display:none;
}

.page-home .home-match__pane.is-active{
  display:block;
  animation:pane-fade 0.3s ease-out;
}

@keyframes pane-fade{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}

.page-home .home-match__group{
  background:rgba(10,17,40,0.5);
  border-radius:var(--radius);
  padding:16px;
}

.page-home .home-match__group-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  font-weight:700;
  color:var(--home-text);
  margin-bottom:12px;
}

.page-home .home-match__group-badge{
  font-size:11px;
  font-family:var(--home-mono);
  color:var(--home-green);
  background:rgba(57,255,20,0.1);
  padding:4px 12px;
  border-radius:99px;
}

.page-home .home-match__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
}

.page-home .home-match__row{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 4px;
  border-bottom:1px solid rgba(168,178,209,0.08);
  font-size:14px;
}

.page-home .home-match__row:last-child{
  border-bottom:none;
}

.page-home .home-match__date{
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-cyan);
  white-space:nowrap;
}

.page-home .home-match__time{
  font-family:var(--home-mono);
  font-size:14px;
  color:var(--home-text);
  font-weight:500;
}

.page-home .home-match__teams{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--home-text);
}

.page-home .home-match__teams i{
  font-style:normal;
  color:var(--home-dim);
  padding:0 6px;
  font-size:12px;
  font-family:var(--home-mono);
}

.page-home .home-match__round{
  font-family:var(--home-mono);
  font-size:11px;
  color:var(--home-dim);
  background:rgba(168,178,209,0.08);
  padding:4px 8px;
  border-radius:4px;
  white-space:nowrap;
}

.page-home .home-match__footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:18px;
  font-size:13px;
  color:var(--home-dim);
}

.page-home .home-match__more-link{
  color:var(--home-cyan);
  font-weight:700;
  font-size:14px;
}

.page-home .home-match__more-link:hover{
  text-decoration:underline;
}

.page-home .home-data{
  background:var(--home-bg);
  position:relative;
}

.page-home .home-data::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--home-green),transparent);
  opacity:0.35;
}

.page-home .home-data__inner{
  max-width:var(--container-width);
  margin:0 auto;
}

.page-home .home-section-head--light .home-section-head__title{
  color:var(--home-text);
}

.page-home .home-data__chart{
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid rgba(0,212,255,0.2);
  margin-bottom:24px;
}

.page-home .home-data__chart-img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .home-data__chart-overlay{
  position:absolute;
  inset:0;
  display:flex;
  justify-content:space-evenly;
  align-items:flex-end;
  gap:12px;
  padding:20px 16px;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(10,17,40,0.25),transparent 60%);
}

.page-home .home-data__stat{
  text-align:center;
  padding:8px 12px;
  background:rgba(10,17,40,0.7);
  border-radius:var(--radius);
  backdrop-filter:blur(6px);
  border:1px solid transparent;
}

.page-home .home-data__stat--green{
  border-color:rgba(57,255,20,0.3);
}

.page-home .home-data__stat--orange{
  border-color:rgba(255,107,53,0.3);
}

.page-home .home-data__stat--cyan{
  border-color:rgba(0,212,255,0.3);
}

.page-home .home-data__stat-num{
  display:block;
  font-family:var(--home-mono);
  font-size:clamp(20px,3vw,32px);
  font-weight:700;
  line-height:1.2;
}

.page-home .home-data__stat--green .home-data__stat-num{
  color:var(--home-green);
}

.page-home .home-data__stat--orange .home-data__stat-num{
  color:var(--home-orange);
}

.page-home .home-data__stat--cyan .home-data__stat-num{
  color:var(--home-cyan);
}

.page-home .home-data__stat-label{
  display:block;
  font-size:11px;
  color:var(--home-dim);
  margin-top:4px;
  white-space:nowrap;
}

.page-home .home-data__metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.page-home .home-data__card{
  background:linear-gradient(135deg,rgba(17,34,64,0.7),rgba(17,34,64,0.4));
  border:1px solid rgba(168,178,209,0.16);
  border-top:2px solid var(--home-cyan);
  border-left:2px solid var(--home-cyan);
  border-radius:var(--radius);
  padding:24px;
  transition:transform var(--transition), box-shadow var(--transition);
}

.page-home .home-data__card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(0,0,0,0.35);
}

.page-home .home-data__card-icon{
  font-family:var(--home-mono);
  font-size:28px;
  color:var(--home-cyan);
  display:block;
  margin-bottom:12px;
}

.page-home .home-data__card-title{
  font-size:19px;
  font-weight:700;
  margin:0 0 10px;
}

.page-home .home-data__card-text{
  font-size:14px;
  color:var(--home-dim);
  line-height:1.75;
  margin:0 0 16px;
}

.page-home .home-data__card-bar{
  height:8px;
  background:rgba(168,178,209,0.1);
  border-radius:99px;
  position:relative;
  margin-bottom:8px;
  overflow:hidden;
}

.page-home .home-data__card-bar-fill{
  display:inline-block;
  height:100%;
  border-radius:99px;
  font-size:10px;
  font-family:var(--home-mono);
  line-height:8px;
}

.page-home .home-data__card-bar-fill--green{
  background:linear-gradient(90deg,var(--home-green),rgba(57,255,20,0.3));
}

.page-home .home-data__card-bar-fill--orange{
  background:linear-gradient(90deg,var(--home-orange),rgba(255,107,53,0.3));
}

.page-home .home-data__taglist{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.page-home .home-data__taglist li{
  font-family:var(--home-mono);
  font-size:12px;
  color:var(--home-cyan);
  background:rgba(0,212,255,0.08);
  border:1px solid rgba(0,212,255,0.2);
  padding:6px 12px;
  border-radius:99px;
}

.page-home .home-data__card-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--home-green);
  font-weight:600;
}

.page-home .home-export{
  background:var(--home-panel-deep);
}

.page-home .home-export__layout{
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
}

.page-home .home-export__steps{
  display:grid;
  gap:14px;
}

.page-home .home-export__step{
  display:flex;
  align-items:flex-start;
  gap:18px;
  background:rgba(17,34,64,0.75);
  border:1px solid rgba(168,178,209,0.12);
  border-radius:var(--radius);
  padding:20px;
  transition:border-color var(--transition), box-shadow var(--transition);
}

.page-home .home-export__step:hover{
  border-color:rgba(255,212,0,0.4);
  box-shadow:0 0 24px rgba(255,212,0,0.08);
}

.page-home .home-export__step-num{
  font-family:var(--home-mono);
  font-size:11px;
  letter-spacing:0.2em;
  color:var(--home-yellow);
  background:rgba(255,212,0,0.08);
  padding:5px 12px;
  border-radius:99px;
  border:1px solid rgba(255,212,0,0.25);
  white-space:nowrap;
}

.page-home .home-export__step-text{
  font-size:15px;
  color:var(--home-text);
  line-height:1.7;
}

.page-home .home-export__info{
  display:grid;
  align-content:start;
  gap:12px;
  background:rgba(10,17,40,0.5);
  border:1px dashed rgba(255,212,0,0.3);
  border-radius:var(--radius);
  padding:24px;
}

.page-home .home-export__info-row{
  display:grid;
  gap:4px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(168,178,209,0.1);
}

.page-home .home-export__info-row:last-child{
  border-bottom:none;
}

.page-home .home-export__info-label{
  font-family:var(--home-mono);
  font-size:11px;
  letter-spacing:0.14em;
  color:var(--home-dim);
  text-transform:uppercase;
}

.page-home .home-export__info-value{
  font-size:16px;
  font-weight:600;
  color:var(--home-text);
  word-break:break-all;
}

.page-home .home-export__info-row a.home-export__info-value{
  color:var(--home-green);
}

.page-home .home-export__info-row a.home-export__info-value:hover{
  text-decoration:underline;
}

.page-home .home-export__feedback-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--home-yellow);
  font-weight:700;
  font-size:15px;
  padding-top:4px;
}

.page-home .home-export__feedback-link:hover{
  gap:14px;
}

.page-home .home-member{
  background:linear-gradient(135deg,var(--home-bg) 0%,rgba(255,107,53,0.08) 100%);
}

.page-home .home-member__inner{
  max-width:var(--container-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:48px;
  align-items:center;
}

.page-home .home-member__phone{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}

.page-home .home-member__phone-screen{
  display:block;
  width:min(320px,80vw);
  border-radius:28px;
  border:2px solid rgba(0,212,255,0.3);
  overflow:hidden;
  box-shadow:0 30px 60px rgba(0,0,0,0.5), 0 0 60px rgba(57,255,20,0.2);
  transform:rotate(-6deg);
}

.page-home .home-member__phone-img{
  width:100%;
  height:auto;
  max-height:640px;
  object-fit:cover;
}

.page-home .home-member__phone-beam{
  position:absolute;
  top:50%;
  right:-10%;
  width:80px;
  height:80px;
  border-radius:50%;
  background:var(--home-green);
  filter:blur(40px);
  opacity:0.18;
}

.page-home .home-member__content{
  display:grid;
  gap:18px;
  align-items:start;
  justify-items:start;
}

.page-home .home-member__kick{
  font-family:var(--home-mono);
  font-size:12px;
  letter-spacing:0.35em;
  color:var(--home-orange);
  text-transform:uppercase;
  margin:0;
}

.page-home .home-member__title{
  font-size:clamp(28px,3.4vw,42px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:-0.02em;
  margin:0;
  max-width:560px;
}

.page-home .home-member__desc{
  font-size:15px;
  color:var(--home-dim);
  line-height:1.85;
  margin:0;
  max-width:540px;
}

.page-home .home-member__benefits{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.page-home .home-member__benefits li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:15px;
  font-weight:600;
}

.page-home .home-member__benefits-icon{
  flex:0 0 22px;
  height:22px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#0a1128;
  background:var(--home-green);
}

.page-home .home-member .btn{
  margin-top:6px;
}

.page-home .home-trust{
  background:var(--home-bg);
  padding-bottom:clamp(56px,7vw,96px);
  display:grid;
  gap:40px;
}

.page-home .home-trust__statement{
  max-width:var(--container-width);
  margin:0 auto;
  font-size:clamp(17px,2.2vw,24px);
  font-weight:600;
  line-height:1.7;
  text-align:center;
  width:100%;
  padding:0 24px;
}

.page-home .home-trust__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  max-width:var(--container-width);
  width:100%;
  margin-inline:auto;
  padding-inline:24px;
}

.page-home .home-trust__item{
  text-align:center;
  padding:20px 12px;
  background:rgba(17,34,64,0.65);
  border-radius:var(--radius);
  border:1px solid rgba(168,178,209,0.1);
}

.page-home .home-trust__num{
  display:block;
  font-family:var(--home-mono);
  font-size:30px;
  font-weight:700;
  color:var(--home-green);
}

.page-home .home-trust__label{
  display:block;
  font-size:12px;
  color:var(--home-dim);
  margin-top:6px;
}

.page-home .back-top{
  display:none;
}

@media (min-width:1080px){
  .page-home .home-hero__inner{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,0.65fr);
    gap:72px;
  }

  .page-home .home-quicknav__inner{
    grid-template-columns:repeat(4,1fr);
  }

  .page-home .home-section-head{
    grid-template-columns:auto 1fr minmax(260px,0.9fr);
    gap:24px;
    align-items:end;
    margin-bottom:48px;
  }

  .page-home .home-section-head--inline .home-section-head__desc{
    grid-column:auto;
  }

  .page-home .home-report__body{
    grid-template-columns:minmax(0,1.6fr) minmax(300px,0.7fr);
  }

  .page-home .home-report__feed{
    padding:24px;
  }

  .page-home .home-report__score-list{
    grid-template-columns:1fr 1fr;
    gap:0 24px;
  }

  .page-home .home-report__score-item:nth-child(odd){
    border-left:1px solid rgba(57,255,20,0.15);
    border-right:1px solid rgba(168,178,209,0.08);
    padding-left:18px;
  }

  .page-home .home-report__score-item:nth-child(even){
    border-left:1px solid rgba(168,178,209,0.08);
    padding-left:18px;
  }

  .page-home .home-report__score-item--hot{
    border-left:2px solid var(--home-green);
    background:rgba(57,255,20,0.025);
  }

  .page-home .home-match__body{
    grid-template-columns:minmax(260px,0.7fr) minmax(0,1.3fr);
    align-items:center;
  }

  .page-home .home-match__visual{
    display:block;
    position:relative;
    align-self:stretch;
    min-height:640px;
    border-radius:var(--radius);
    overflow:hidden;
  }

  .page-home .home-match__visual::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(160deg,rgba(57,255,20,0.08),rgba(0,212,255,0.14));
    clip-path:polygon(0 0,100% 0,100% 90%,0 100%);
    z-index:1;
  }

  .page-home .home-match__visual-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scaleX(-1);
  }

  .page-home .home-match__panel{
    clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);
  }

  .page-home .home-data__metrics{
    grid-template-columns:repeat(3,1fr);
  }

  .page-home .home-data__chart-overlay{
    padding:32px;
  }

  .page-home .home-export__layout{
    grid-template-columns:minmax(0,1.3fr) minmax(300px,0.7fr);
    align-items:start;
  }

  .page-home .home-member__inner{
    grid-template-columns:0.8fr 1.2fr;
    gap:64px;
  }

  .page-home .home-trust__list{
    grid-template-columns:repeat(4,1fr);
  }

  .page-home .home-trust__num{
    font-size:38px;
  }
}

@media (min-width:768px){
  .page-home .home-hero__matrix{
    grid-template-columns:repeat(4,1fr);
  }

  .page-home .home-report__side{
    grid-template-columns:1fr 1fr;
  }

  .page-home .home-report__side-card--refresh{
    flex-direction:column;
    justify-content:center;
    text-align:center;
  }

  .page-home .home-report__side-label{
    writing-mode:horizontal-tb;
  }
}

@media (max-width:480px){
  .page-home .home-quicknav{
    padding:0 16px;
  }

  .page-home .home-quicknav__inner{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .page-home .home-quicknav__label{
    font-size:14px;
  }

  .page-home .home-quicknav__desc{
    font-size:11px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .page-home .home-report__score-sub{
    gap:10px;
    padding-left:0;
  }

  .page-home .home-match__row{
    grid-template-columns:auto auto minmax(0,1fr);
    gap:8px;
  }

  .page-home .home-match__round{
    display:none;
  }

  .page-home .home-match__date{
    display:block;
    grid-row:auto;
  }

  .page-home .home-data__stat-label{
    font-size:10px;
  }

  .page-home .home-data__chart-overlay{
    align-items:flex-start;
    flex-direction:column;
    justify-content:flex-start;
    gap:8px;
  }

  .page-home .home-data__stat{
    padding:6px 10px;
  }

  .page-home .home-data__stat-num{
    font-size:18px;
  }

  .page-home .home-data__stat-label{
    font-size:10px;
  }

  .page-home .home-export__step{
    flex-direction:column;
    gap:10px;
  }

  .page-home .home-trust__list{
    grid-template-columns:repeat(2,1fr);
  }
}