:root{
  --bg:#070709;
  --bg-elevated:#0f1015;
  --bg-surface:#14161e;
  --card:#11131a;
  --card-hover:#171a24;
  --card-border:rgba(255,255,255,0.08);
  --card-border-hover:rgba(255,255,255,0.18);
  --border:rgba(255,255,255,0.08);
  --border-subtle:rgba(255,255,255,0.04);
  --accent:#ff2d55;
  --accent-gradient:linear-gradient(135deg,#ff2d55 0%,#ff6b35 100%);
  --accent-soft:rgba(255,45,85,0.14);
  --accent-glow:rgba(255,45,85,0.42);
  --text:#ffffff;
  --text-dim:#cbd5e1;
  --text-faint:#8a94a6;
  --success:#10b981;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-pill:999px;
  --shadow-card:0 12px 32px -8px rgba(0,0,0,0.8),0 2px 8px -2px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);
  --shadow-card-hover:0 22px 48px -12px rgba(0,0,0,0.9),0 0 0 1px rgba(255,255,255,0.18),0 10px 30px -8px var(--accent-glow);
  --shadow-accent:0 8px 24px -6px var(--accent-glow);
  --font-display:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0;
  overflow-x:hidden;
  background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,45,85,0.06),transparent);
}

h1,h2,h3,h4,h5,.display-font{font-family:var(--font-display);letter-spacing:-0.02em;color:var(--text)}
a{text-decoration:none;color:inherit;transition:color 0.2s ease}
a,button,input,label,textarea,select{-webkit-tap-highlight-color:transparent}
a,button,label{touch-action:manipulation}
::selection{background:var(--accent);color:#fff}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#1e212b;border-radius:var(--radius-pill);border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}

/* Purified Bootstrap 5 Utilities */
.container-xl{width:100%;max-width:1360px;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.flex-wrap{flex-wrap:wrap!important}
.justify-content-center{justify-content:center!important}
.flex-column{flex-direction:column!important}
.gap-2{gap:0.5rem!important}
.gap-3{gap:1rem!important}
.gap-4{gap:1.5rem!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.mt-2{margin-top:0.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mb-2{margin-bottom:0.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}
.text-center{text-align:center!important}
.fw-bold{font-weight:700!important}
.text-secondary{color:var(--text-faint)!important}
.text-danger{color:#ff4d6d!important}
.text-success{color:var(--success)!important}
.small{font-size:0.875em}
.border-secondary{border-color:var(--border)!important}
.opacity-25{opacity:0.25!important}
.order-2{order:2!important}
.order-3{order:3!important}

.row{display:flex;flex-wrap:wrap;margin-top:-1.5rem;margin-left:-0.75rem;margin-right:-0.75rem}
.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:0.75rem;padding-left:0.75rem;margin-top:1.5rem}
.col-6{flex:0 0 auto;width:50%}
.h5{font-size:1.1rem;line-height:1.3}
.form-label{display:block;margin-bottom:0.4rem;font-weight:600;font-size:0.9rem;color:var(--text-dim)}
.form-control{display:block;width:100%;padding:0.7rem 1.05rem;font-family:inherit;font-size:0.95rem;color:var(--text);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.form-control:focus{outline:none;border-color:var(--accent);background-color:var(--card-hover);box-shadow:0 0 0 4px var(--accent-soft)}
.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:0.75s linear infinite spin}
.spinner-border-sm{width:1rem;height:1rem;border-width:0.2em}
hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid var(--border);opacity:0.6}

@media(min-width:768px){
  .col-md-6{flex:0 0 auto;width:50%}
}
@media(min-width:992px){
  .ms-lg-3{margin-left:1.25rem!important}
  .ms-lg-auto{margin-left:auto!important}
  .order-lg-2{order:2!important}
  .order-lg-3{order:3!important}
  .w-lg-auto{width:auto!important}
  .col-lg-2{flex:0 0 auto;width:16.66666667%}
  .col-lg-4{flex:0 0 auto;width:33.33333333%}
  .col-lg-5{flex:0 0 auto;width:41.66666667%}
  .col-lg-7{flex:0 0 auto;width:58.33333333%}
}

/* Purified SVG Icon System */
.bi{display:inline-block;width:1em;height:1em;vertical-align:-0.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.bi-play-btn-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2m6.79-6.907A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2m6.79-6.907A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E")}
.bi-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E")}
.bi-youtube{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.167-.007-.087-.004c-.45-.022-.924-.055-1.36-.104a2.007 2.007 0 0 1-1.415-1.42c-.124-.467-.2-.996-.248-1.547l-.011-.13-.01-.13-.008-.13c-.058-.936-.067-1.85-.067-2.02v-.07c.001-.171.01-.986.067-1.897l.008-.13.01-.13.011-.13c.048-.551.124-1.08.248-1.547A2.01 2.01 0 0 1 3.518 2.334c.913-.244 3.914-.32 5.097-.335zM6.541 4.757A.25.25 0 0 0 6 4.975v6.05a.25.25 0 0 0 .393.204l5.25-3.025a.25.25 0 0 0 0-.408z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.167-.007-.087-.004c-.45-.022-.924-.055-1.36-.104a2.007 2.007 0 0 1-1.415-1.42c-.124-.467-.2-.996-.248-1.547l-.011-.13-.01-.13-.008-.13c-.058-.936-.067-1.85-.067-2.02v-.07c.001-.171.01-.986.067-1.897l.008-.13.01-.13.011-.13c.048-.551.124-1.08.248-1.547A2.01 2.01 0 0 1 3.518 2.334c.913-.244 3.914-.32 5.097-.335zM6.541 4.757A.25.25 0 0 0 6 4.975v6.05a.25.25 0 0 0 .393.204l5.25-3.025a.25.25 0 0 0 0-.408z'/%3E%3C/svg%3E")}
.bi-grid{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zM10.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zM2.5 10a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zM10.5 10a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zM10.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zM2.5 10a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5zM10.5 10a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E")}
.bi-house-door-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5'/%3E%3C/svg%3E")}
.bi-collection-play{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3a.5.5 0 0 0-.5.5V11a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V3.5a.5.5 0 0 0-.5-.5zm0-1h12a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 11V3.5A1.5 1.5 0 0 1 2 2m4.236 3.101l4 2.5a.5.5 0 0 1 0 .846l-4 2.5A.5.5 0 0 1 5.5 10.5v-5a.5.5 0 0 1 .736-.447M.5 1a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1zM.5 13a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 3a.5.5 0 0 0-.5.5V11a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V3.5a.5.5 0 0 0-.5-.5zm0-1h12a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 11V3.5A1.5 1.5 0 0 1 2 2m4.236 3.101l4 2.5a.5.5 0 0 1 0 .846l-4 2.5A.5.5 0 0 1 5.5 10.5v-5a.5.5 0 0 1 .736-.447M.5 1a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1zM.5 13a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E")}
.bi-fire{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-2.5 1.5C7 5 6 3 8 0 4 2 2 6 2 10.5 2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 11.5c0 1.5 1.5 2 2.5 1 .75 1.25 0 2.5-1.5 2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-2.5 1.5C7 5 6 3 8 0 4 2 2 6 2 10.5 2 14 4.686 16 8 16m0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 11.5c0 1.5 1.5 2 2.5 1 .75 1.25 0 2.5-1.5 2.5'/%3E%3C/svg%3E")}
.bi-stars{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936c-.11.33-.576.33-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645c-.33-.11-.33-.576 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387c.17.057.17.299 0 .356l-1.162.387a1.73 1.73 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.73 1.73 0 0 0 2.41 4.539l-1.162-.387a.217.217 0 0 1 0-.356l1.162-.387A1.73 1.73 0 0 0 3.41 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258c.114.038.114.199 0 .237l-.774.258a1.15 1.15 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.15 1.15 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.237l.774-.258c.346-.115.617-.386.732-.732z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936c-.11.33-.576.33-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645c-.33-.11-.33-.576 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387c.17.057.17.299 0 .356l-1.162.387a1.73 1.73 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.73 1.73 0 0 0 2.41 4.539l-1.162-.387a.217.217 0 0 1 0-.356l1.162-.387A1.73 1.73 0 0 0 3.41 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258c.114.038.114.199 0 .237l-.774.258a1.15 1.15 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.15 1.15 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.237l.774-.258c.346-.115.617-.386.732-.732z'/%3E%3C/svg%3E")}
.bi-play-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3E%3C/svg%3E")}
.bi-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8zM8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8zM8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E")}
.bi-chevron-left{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")}
.bi-chevron-right{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")}
.bi-facebook{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E")}
.bi-twitter-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.6 12h2.454l-5.36-6.128L16.039 0h-4.96L7.142 5.093 2.96 0H.507l5.737 6.559L0 13.805h4.96l4.275-5.656zm-1.047.88H10.21L3.8 1.942H5.29z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.6 12h2.454l-5.36-6.128L16.039 0h-4.96L7.142 5.093 2.96 0H.507l5.737 6.559L0 13.805h4.96l4.275-5.656zm-1.047.88H10.21L3.8 1.942H5.29z'/%3E%3C/svg%3E")}
.bi-instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04 1.02.24 1.597.438 2.09.224.58.55 1.028.923 1.417.39.372.836.7 1.416.923.493.197 1.07.332 2.09.372.853.039 1.125.048 3.297.048s2.444-.01 3.298-.048c1.02-.04 1.597-.24 2.09-.438.58-.224 1.027-.55 1.417-.923.372-.39.7-.836.923-1.416.197-.493.332-1.07.372-2.09.039-.853.048-1.125.048-3.298s-.01-2.445-.048-3.299c-.04-1.019-.24-1.596-.438-2.09a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.493-.198-1.07-.333-2.09-.372C10.299.01 10.026 0 7.999 0zm0 1.441c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.232s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.844-.039 1.096-.047 3.232-.047zM8 3.892a4.108 4.108 0 1 0 0 8.216 4.108 4.108 0 0 0 0-8.216zm0 6.775a2.667 2.667 0 1 1 0-5.334 2.667 2.667 0 0 1 0 5.334zm5.23-6.937a.96.96 0 1 1-1.92 0 .96.96 0 0 1 1.92 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04 1.02.24 1.597.438 2.09.224.58.55 1.028.923 1.417.39.372.836.7 1.416.923.493.197 1.07.332 2.09.372.853.039 1.125.048 3.297.048s2.444-.01 3.298-.048c1.02-.04 1.597-.24 2.09-.438.58-.224 1.027-.55 1.417-.923.372-.39.7-.836.923-1.416.197-.493.332-1.07.372-2.09.039-.853.048-1.125.048-3.298s-.01-2.445-.048-3.299c-.04-1.019-.24-1.596-.438-2.09a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.493-.198-1.07-.333-2.09-.372C10.299.01 10.026 0 7.999 0zm0 1.441c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.232s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.844-.039 1.096-.047 3.232-.047zM8 3.892a4.108 4.108 0 1 0 0 8.216 4.108 4.108 0 0 0 0-8.216zm0 6.775a2.667 2.667 0 1 1 0-5.334 2.667 2.667 0 0 1 0 5.334zm5.23-6.937a.96.96 0 1 1-1.92 0 .96.96 0 0 1 1.92 0z'/%3E%3C/svg%3E")}
.bi-send-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083zm-1.833 1.89L6.637 10.07l-.215-3.34s.002-.002.002-.004l6.005-5.467z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083zm-1.833 1.89L6.637 10.07l-.215-3.34s.002-.002.002-.004l6.005-5.467z'/%3E%3C/svg%3E")}
.bi-arrow-up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5'/%3E%3C/svg%3E")}
.bi-check-lg{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E")}
.bi-shield-exclamation{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-4.117 3.527 1.12 1.12 0 0 1-1.057 0 11.8 11.8 0 0 1-4.117-3.527C1.57 10.487.187 7.17.783 2.692A1.54 1.54 0 0 1 1.827 1.43c.658-.215 1.777-.57 2.887-.87M8 1a2 2 0 0 0-.745.143c-.886.242-1.926.578-2.906.864a.54.54 0 0 0-.366.442c-.498 3.747.595 6.66 2.094 8.616a10.8 10.8 0 0 0 3.633 3.12 10.8 10.8 0 0 0 3.633-3.12c1.499-1.956 2.592-4.869 2.094-8.616a.54.54 0 0 0-.366-.442c-.98-.286-2.02-.622-2.906-.864A2 2 0 0 0 8 1zm.002 3a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-1 0v-3.5a.5.5 0 0 1 .5-.5zm.002 6a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-4.117 3.527 1.12 1.12 0 0 1-1.057 0 11.8 11.8 0 0 1-4.117-3.527C1.57 10.487.187 7.17.783 2.692A1.54 1.54 0 0 1 1.827 1.43c.658-.215 1.777-.57 2.887-.87M8 1a2 2 0 0 0-.745.143c-.886.242-1.926.578-2.906.864a.54.54 0 0 0-.366.442c-.498 3.747.595 6.66 2.094 8.616a10.8 10.8 0 0 0 3.633 3.12 10.8 10.8 0 0 0 3.633-3.12c1.499-1.956 2.592-4.869 2.094-8.616a.54.54 0 0 0-.366-.442c-.98-.286-2.02-.622-2.906-.864A2 2 0 0 0 8 1zm.002 3a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-1 0v-3.5a.5.5 0 0 1 .5-.5zm.002 6a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z'/%3E%3C/svg%3E")}

/* Header & Glassmorphism Navigation */
.vh-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(7,7,9,0.8);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,0.07);
  box-shadow:0 8px 32px rgba(0,0,0,0.65);
  transition:background 0.3s ease,box-shadow 0.3s ease;
}
.vh-logo{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.45rem;
  color:#ffffff;
  letter-spacing:0.02em;
  text-transform:uppercase;
  transition:transform 0.2s ease,color 0.2s ease;
  margin:0 auto;
}
.vh-logo:hover{transform:scale(1.02);color:#ffffff}
.vh-logo .dot{
  color:var(--accent);
  text-shadow:0 0 14px var(--accent-glow);
}
.vh-search{position:relative;flex:1;max-width:500px}
.vh-search input{
  width:100%;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  color:#ffffff;
  border-radius:var(--radius-pill);
  padding:0.68rem 1.15rem 0.68rem 2.8rem;
  font-size:0.92rem;
  font-weight:500;
  transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);
}
.vh-search input:focus{
  outline:none;
  border-color:var(--accent);
  background:rgba(255,255,255,0.09);
  box-shadow:0 0 0 4px var(--accent-soft),0 12px 28px -6px rgba(0,0,0,0.6);
}
.vh-search input::placeholder{color:var(--text-faint)}
.vh-search i{
  position:absolute;
  left:1.05rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--text-faint);
  font-size:0.95rem;
  pointer-events:none;
}
.vh-search-results{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  background:rgba(17,19,26,0.96);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--radius-md);
  box-shadow:0 24px 60px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.08);
  max-height:440px;
  overflow-y:auto;
  z-index:1200;
  display:none;
}
.vh-search-results.show{display:block;animation:fadeIn 0.2s cubic-bezier(0.2,0.8,0.2,1)}
.vh-search-item{
  display:flex;
  gap:0.85rem;
  padding:0.7rem 0.95rem;
  border-bottom:1px solid var(--border-subtle);
  transition:background 0.2s ease;
  align-items:center;
}
.vh-search-item:last-child{border-bottom:none}
.vh-search-item:hover{background:rgba(255,255,255,0.06)}
.vh-search-item img{width:76px;height:46px;object-fit:cover;border-radius:8px;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.4)}
.vh-search-cat-icon{
  width:76px;
  height:46px;
  border-radius:8px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,45,85,0.1);
  border:1px solid rgba(255,45,85,0.25);
  color:var(--accent);
  font-size:1.35rem;
}
.vh-search-item .t{font-size:0.88rem;font-weight:600;color:#ffffff}
.vh-search-item .c{font-size:0.75rem;color:var(--text-faint);margin-top:2px}
.vh-search-empty{padding:1.25rem;color:var(--text-faint);font-size:0.9rem;text-align:center}

.vh-icon-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  color:#ffffff;
  transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);
}
.vh-icon-btn:hover{
  border-color:var(--accent);
  color:var(--accent);
  background:var(--accent-soft);
  transform:translateY(-2px);
  box-shadow:0 6px 18px -4px var(--accent-glow);
}

/* Category Strip */
.vh-cat-strip{
  display:flex;
  gap:0.6rem;
  overflow-x:auto;
  padding:0.75rem 0 0.4rem;
  scrollbar-width:none;
}
.vh-cat-strip::-webkit-scrollbar{display:none}
.vh-cat-pill{
  white-space:nowrap;
  padding:0.46rem 1.15rem;
  border-radius:var(--radius-pill);
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
  color:var(--text-dim);
  font-size:0.86rem;
  font-weight:600;
  transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);
  display:inline-flex;
  align-items:center;
  gap:0.45rem;
}
.vh-cat-pill i{font-size:0.92rem}
.vh-cat-pill:hover{
  color:#ffffff;
  background:rgba(255,255,255,0.09);
  border-color:rgba(255,255,255,0.2);
  transform:translateY(-2px);
  box-shadow:0 6px 16px -4px rgba(0,0,0,0.6);
}
.vh-cat-pill.active{
  background:var(--accent-gradient);
  border-color:transparent;
  color:#ffffff;
  box-shadow:var(--shadow-accent);
}

/* Buttons */
.btn-vh{
  border-radius:var(--radius-pill);
  padding:0.65rem 1.6rem;
  font-weight:700;
  font-size:0.92rem;
  border:none;
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  cursor:pointer;
  transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);
  letter-spacing:0.01em;
}
.btn-vh-play{
  background:var(--accent-gradient);
  color:#ffffff;
  box-shadow:var(--shadow-accent);
}
.btn-vh-play:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 14px 32px -8px var(--accent-glow);
  color:#ffffff;
}

@keyframes vhPlayBlink{
  0%,100%{transform:scale(1);filter:brightness(1);box-shadow:var(--shadow-accent)}
  50%{transform:scale(1.04);filter:brightness(1.15);box-shadow:0 0 0 4px rgba(255,255,255,0.18),0 16px 36px -6px var(--accent-glow)}
}
html.vh-play-blink-on .vh-card a.btn-vh-play,html.vh-play-blink-on main a.btn-vh-play{animation:vhPlayBlink 1.25s ease-in-out infinite}
html.vh-play-blink-on .vh-card a.btn-vh-play:hover,html.vh-play-blink-on main a.btn-vh-play:hover{animation:none}

.vh-fake-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;margin:1.8rem 0 2.5rem;padding:0 0.75rem}
.vh-page-num,.vh-page-nav{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.45rem;
  height:2.45rem;
  padding:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.08);
  background:rgba(255,255,255,0.04);
  color:var(--text-dim);
  font-size:0.92rem;
  font-weight:700;
  text-decoration:none;
  transition:all 0.2s cubic-bezier(0.2,0.8,0.2,1);
}
.vh-page-num:hover,.vh-page-nav:hover{
  color:#ffffff;
  background:rgba(255,255,255,0.09);
  border-color:rgba(255,255,255,0.2);
  transform:translateY(-2px);
}
.vh-page-num.is-active{
  background:var(--success);
  border-color:var(--success);
  color:#000000;
  font-weight:800;
  box-shadow:0 6px 18px -4px rgba(16,185,129,0.5);
}
.vh-page-nav i{font-size:0.95rem;line-height:1}
.vh-fake-pager--mobile .vh-page-num,.vh-fake-pager--mobile .vh-page-nav{width:2.6rem;height:2.6rem;border-radius:12px}

/* Section Head */
.vh-section-head{display:flex;align-items:center;justify-content:space-between;margin:2.5rem 0 1.25rem}
.vh-section-head h2{
  font-size:1.45rem;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:0.6rem;
  margin:0;
  color:#ffffff;
  letter-spacing:-0.02em;
}
.vh-section-head h2 i{
  color:var(--accent);
  text-shadow:0 0 14px var(--accent-glow);
}

/* Video Grid & Cards (Desktop / Tablet Defaults) */
.vh-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:1.5rem;
}
.vh-card{
  background:var(--card);
  border:1px solid var(--card-border);
  border-radius:var(--radius-md);
  overflow:hidden;
  transition:transform 0.35s cubic-bezier(0.2,0.8,0.2,1),border-color 0.3s ease,box-shadow 0.35s cubic-bezier(0.2,0.8,0.2,1);
  opacity:0;
  transform:translateY(18px);
  animation:cardIn 0.5s cubic-bezier(0.2,0.8,0.2,1) forwards;
  box-shadow:var(--shadow-card);
  position:relative;
}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
.vh-card:hover{
  transform:translateY(-6px) scale(1.012);
  border-color:var(--card-border-hover);
  box-shadow:var(--shadow-card-hover);
}
.vh-thumb-wrap{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#000000;
}
.vh-thumb-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1);
}
.vh-card:hover .vh-thumb-wrap img{transform:scale(1.07)}
.vh-duration{
  position:absolute;
  right:10px;
  bottom:10px;
  background:rgba(0,0,0,0.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#ffffff;
  font-size:0.75rem;
  font-weight:700;
  padding:3px 8px;
  border-radius:6px;
  letter-spacing:0.02em;
  border:1px solid rgba(255,255,255,0.12);
  z-index:3;
}
.vh-cat-badge{
  position:absolute;
  left:10px;
  top:10px;
  background:rgba(7,7,9,0.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.16);
  font-size:0.7rem;
  font-weight:700;
  padding:4px 10px;
  border-radius:var(--radius-pill);
  text-transform:uppercase;
  letter-spacing:0.04em;
  box-shadow:0 4px 12px rgba(0,0,0,0.5);
  z-index:3;
}
.vh-play-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.3);
  opacity:1;
  transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);
  z-index:3;
}
.vh-play-overlay i{
  width:54px;
  height:54px;
  background:var(--accent-gradient);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:1.35rem;
  box-shadow:0 0 0 6px rgba(255,45,85,0.22),0 10px 24px var(--accent-glow);
  transform:scale(1);
  transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);
}
.vh-card:hover .vh-play-overlay i{
  transform:scale(1.1);
  box-shadow:0 0 0 10px rgba(255,45,85,0.3),0 14px 30px var(--accent-glow);
}
.vh-card-body{padding:1.1rem 1.2rem 1.25rem}
.vh-card-title{
  font-weight:700;
  font-size:1rem;
  line-height:1.4;
  margin:0 0 0.45rem;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.8em;
  color:#ffffff;
  letter-spacing:-0.01em;
  transition:color 0.2s ease;
}
.vh-card:hover .vh-card-title{color:#ffffff}
.vh-card-meta{
  display:flex;
  align-items:center;
  gap:0.5rem;
  font-size:0.82rem;
  font-weight:500;
  color:var(--text-faint);
  margin-bottom:0.75rem;
}
.vh-card-actions{display:flex;gap:0.5rem}
.vh-card-actions .btn-vh{
  flex:1;
  justify-content:center;
  padding:0.55rem 0.9rem;
  font-size:0.85rem;
  border-radius:var(--radius-pill);
}
.vh-card--no-play .vh-card-body{padding-bottom:0.95rem}
.vh-card--no-play .vh-card-meta{margin-bottom:0}

/* Skeletons & Spinners */
.skeleton{position:relative;overflow:hidden;background:#141620}
.skeleton::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);animation:shimmer 1.4s infinite}
@keyframes shimmer{100%{transform:translateX(100%)}}
.vh-skel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}
.vh-skel-thumb{aspect-ratio:16/9}
.vh-skel-line{height:12px;border-radius:6px;margin:10px 14px}
.vh-skel-line.w60{width:60%}
.vh-skel-line.w40{width:40%}
.vh-skel-line.w90{width:90%}

@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}

/* Desktop & Laptop Devices: thumbnail preservation logic with sleek glowing spinner */
@media(min-width:769px){
  .vh-thumb-wrap img{display:none!important;visibility:hidden!important;opacity:0!important}
  .vh-play-overlay{display:none!important}
  .vh-thumb-wrap::before{
    content:''!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:42px!important;
    height:42px!important;
    margin-top:-21px!important;
    margin-left:-21px!important;
    border:3.5px solid rgba(255,255,255,0.12)!important;
    border-top-color:var(--accent)!important;
    border-radius:50%!important;
    animation:spin 0.8s linear infinite!important;
    -webkit-animation:spin 0.8s linear infinite!important;
    z-index:10!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
    box-shadow:0 0 16px var(--accent-glow)!important;
  }
  .thumb-spinner{display:none!important}
}

/* Mobile Devices: Display all images normally, no spinner */
@media(max-width:768px){
  .vh-thumb-wrap::before{display:none!important;content:none!important}
  .thumb-spinner{display:none!important}
  .vh-play-overlay{display:flex!important}
  .vh-thumb-wrap img{display:block!important;visibility:visible!important;opacity:1!important}
}

.vh-buffering{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:repeating-linear-gradient(135deg,#0e1017,#0e1017 10px,#13151f 10px,#13151f 20px);
  color:var(--text-faint);
  text-decoration:none;
  transition:color 0.25s ease;
}
.vh-buffering:hover{color:var(--text)}
.vh-buffering .ring{
  width:34px;
  height:34px;
  border:3px solid rgba(255,255,255,0.12);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:spin 0.9s linear infinite;
  box-shadow:0 0 14px var(--accent-glow);
}
.vh-buffering span{font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-in{animation:fadeIn 0.4s ease}

/* Share & Footer */
.vh-share-btn{
  width:42px;
  height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:var(--text-dim);
  transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);
}
.vh-share-btn:hover{
  color:#ffffff;
  background:var(--accent-gradient);
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 8px 20px -4px var(--accent-glow);
}
.vh-footer{
  background:var(--bg-elevated);
  border-top:1px solid rgba(255,255,255,0.07);
  margin-top:5rem;
  padding:3.5rem 0 2rem;
  position:relative;
}
.vh-footer::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,45,85,0.4),transparent);
}
.vh-footer h6{
  font-weight:700;
  margin:0 0 1.2rem;
  font-size:0.88rem;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#ffffff;
}
.vh-footer a.link{
  color:var(--text-faint);
  font-size:0.9rem;
  display:block;
  margin-bottom:0.6rem;
  transition:color 0.2s ease,transform 0.2s ease;
}
.vh-footer a.link:hover{
  color:var(--accent);
  transform:translateX(3px);
}
.vh-footer-legal{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}
.vh-footer-legal a{color:var(--text-faint);transition:color 0.2s ease}
.vh-footer-legal a:hover{color:var(--accent)}
.vh-footer-legal .dot{opacity:0.4}
.vh-newsletter input{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  color:#ffffff;
  border-radius:var(--radius-pill) 0 0 var(--radius-pill);
}
.vh-newsletter input:focus{outline:none;border-color:var(--accent);box-shadow:none}
.vh-newsletter button{
  border-radius:0 var(--radius-pill) var(--radius-pill) 0;
  background:var(--accent-gradient);
  border:none;
  color:#ffffff;
  font-weight:700;
  padding:0 1.4rem;
  cursor:pointer;
  transition:opacity 0.2s ease;
}
.vh-newsletter button:hover{opacity:0.9}

/* Back to top */
#backToTop{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--accent-gradient);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px -4px var(--accent-glow);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);
  z-index:999;
  border:none;
  cursor:pointer;
  font-size:1.1rem;
}
#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}
#backToTop:hover{transform:translateY(-4px);box-shadow:0 12px 30px -4px var(--accent-glow)}
.vh-loader{display:flex;justify-content:center;padding:2rem 0}

/* Mobile bottom navigation (hidden on desktop) */
.vh-mobile-nav{display:none}

/* Touch devices */
@media(hover:none){
  .vh-icon-btn:hover,.vh-cat-pill:hover,.vh-share-btn:hover,.vh-page-num:hover,.vh-page-nav:hover,.btn-vh-play:hover,.vh-card:hover,.vh-age-gate-btn:hover,#backToTop:hover{transform:none}
  .vh-card:hover{border-color:var(--card-border);box-shadow:var(--shadow-card)}
  .vh-card:hover .vh-thumb-wrap img,.vh-card:hover .vh-play-overlay i{transform:none}
  .vh-share-btn:hover{color:var(--text-dim);background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}
  .vh-cat-pill:active,.vh-page-num:active,.vh-page-nav:active,.vh-icon-btn:active,.vh-share-btn:active{transform:scale(0.94)}
  .btn-vh-play:active,.vh-age-gate-btn:active,.vh-newsletter button:active{transform:scale(0.97)}
  .vh-card:active{transform:scale(0.99)}
}

/* Focus & Motion */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

/* Age Gate Modal */
body.vh-age-gate-open{overflow:hidden}
.vh-age-gate-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:fadeIn 0.25s ease;
}
.vh-age-gate-modal{
  width:min(100%,440px);
  padding:2.2rem 2rem;
  border-radius:22px;
  background:linear-gradient(180deg,#151722 0%,#0c0d12 100%);
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 30px 70px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.08);
  text-align:center;
}
.vh-age-gate-icon{
  width:68px;
  height:68px;
  margin:0 auto 1.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,45,85,0.12);
  color:var(--accent);
  font-size:2rem;
  box-shadow:0 0 20px var(--accent-soft);
}
.vh-age-gate-title{font-size:1.45rem;font-weight:800;margin:0 0 0.6rem;color:#ffffff}
.vh-age-gate-text{margin:0 0 1.6rem;color:var(--text-faint);font-size:0.95rem;line-height:1.55}
.vh-age-gate-actions{display:flex;gap:0.85rem}
.vh-age-gate-btn{
  flex:1;
  padding:0.9rem 1.1rem;
  border:none;
  border-radius:14px;
  font-weight:700;
  font-size:0.95rem;
  cursor:pointer;
  transition:all 0.2s cubic-bezier(0.2,0.8,0.2,1);
  text-decoration:none;
  text-align:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
}
.vh-age-gate-btn[aria-disabled="true"]{cursor:wait;transform:none}
.vh-age-gate-btn:hover{transform:translateY(-2px);opacity:0.95}
.vh-age-gate-btn-yes{
  background:var(--accent-gradient);
  color:#ffffff;
  box-shadow:0 8px 20px -4px var(--accent-glow);
}
.vh-age-gate-btn-no{
  background:rgba(255,255,255,0.06);
  color:var(--text-dim);
  border:1px solid rgba(255,255,255,0.1);
}
.vh-age-gate-btn-no:hover{color:#ffffff;background:rgba(255,255,255,0.1)}

/* ==========================================================================
   MOBILE LAYOUT (YouTube Mobile Card Layout - 1 Card Per Row)
   ========================================================================== */
@media(max-width:768px){

  /* Slim Header on Mobile */
  .vh-header .py-3{padding-top:0.75rem!important;padding-bottom:0.5rem!important}
  .vh-logo{font-size:1.35rem;gap:0.35rem;text-align:center}

  /* Category Strip: horizontal smooth scroll */
  .vh-cat-strip{
    padding:0.55rem 0 0.25rem;
    gap:0.45rem;
    scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);
  }
  .vh-cat-pill{scroll-snap-align:start;padding:0.42rem 0.95rem;font-size:0.82rem}

  input,textarea,select,.form-control,.vh-search input{font-size:16px}
  .vh-search-results{max-height:min(60dvh,420px);overscroll-behavior:contain}

  /* =========================================================================
     YOUTUBE-STYLE SINGLE CARD PER ROW ON MOBILE (1 column)
     ========================================================================= */
  .vh-grid{
    grid-template-columns:1fr!important;
    gap:1.35rem;
    padding:0 0.15rem;
  }
  .vh-section-head{margin:1.5rem 0 1rem}
  .vh-section-head h2{font-size:1.25rem;gap:0.45rem}
  
  .vh-card{
    border-radius:18px;
    background:var(--card);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 10px 28px -6px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.06);
    margin:0;
    overflow:hidden;
  }
  .vh-thumb-wrap{
    aspect-ratio:16/9;
    background:#000000;
  }
  .vh-thumb-wrap img{
    border-radius:0;
  }
  .vh-card-body{
    padding:1rem 1.15rem 1.15rem;
  }
  .vh-card-title{
    font-size:1.05rem;
    font-weight:700;
    line-height:1.4;
    margin-bottom:0.45rem;
    min-height:auto;
    color:#ffffff;
  }
  .vh-card-meta{
    font-size:0.85rem;
    gap:0.45rem;
    margin-bottom:0.75rem;
    color:var(--text-dim);
  }
  .vh-card-actions{flex-direction:row}
  .vh-card-actions .btn-vh{
    padding:0.65rem 1.25rem;
    font-size:0.92rem;
    min-height:44px;
    gap:0.4rem;
    font-weight:700;
    border-radius:var(--radius-pill);
  }
  .vh-duration{
    right:10px;
    bottom:10px;
    font-size:0.75rem;
    padding:3px 8px;
    border-radius:6px;
  }
  .vh-cat-badge{
    left:10px;
    top:10px;
    font-size:0.68rem;
    padding:4px 10px;
  }
  .vh-play-overlay i{
    width:52px;
    height:52px;
    font-size:1.3rem;
    box-shadow:0 0 0 6px rgba(255,45,85,0.25),0 8px 20px var(--accent-glow);
  }

  /* Bottom Tab Navigation Bar */
  .vh-mobile-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1050;
    display:flex;
    align-items:stretch;
    gap:2px;
    padding:0 0.5rem;
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(7,7,9,0.88);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border-top:1px solid rgba(255,255,255,0.08);
    box-shadow:0 -8px 32px rgba(0,0,0,0.7);
  }
  .vh-mobile-nav-item{
    flex:1 1 0;
    min-width:0;
    min-height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:0.45rem 0.2rem;
    border-radius:12px;
    color:var(--text-faint);
    font-size:0.7rem;
    font-weight:700;
    line-height:1;
    transition:color 0.2s ease,background 0.2s ease;
  }
  .vh-mobile-nav-item i{font-size:1.25rem}
  .vh-mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vh-mobile-nav-item.is-active{
    color:var(--accent);
    text-shadow:0 0 10px var(--accent-glow);
  }
  .vh-mobile-nav-item:active{background:var(--accent-soft)}

  /* Clearance for bottom bar */
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  #backToTop{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));width:46px;height:46px}
  .vh-fake-pager{margin:1.4rem 0 0.6rem}
  .vh-page-num,.vh-page-nav,.vh-fake-pager--mobile .vh-page-num,.vh-fake-pager--mobile .vh-page-nav{width:46px;height:46px}

  /* Footer & Legal */
  .vh-footer{margin-top:3rem;padding:2.2rem 0 1.25rem}
  .vh-footer h6{margin-bottom:0.8rem}
  .vh-share-btn{width:44px;height:44px}
  .vh-newsletter input{min-width:0;flex:1 1 auto}
  .vh-newsletter button{flex-shrink:0}
  .vh-legal-page{margin:1.35rem auto 2.2rem}
  .vh-legal-head{margin-bottom:1.35rem;padding-bottom:1rem}
  .vh-legal-block{margin-bottom:1.25rem}
  .vh-contact-card{padding:1.15rem 1.2rem}
  .vh-contact-links{flex-direction:column}
}

/* Legal & Trust & Contact Pages */
.vh-legal-page{max-width:940px;margin:2.5rem auto 3.5rem;padding:0 1rem}
.vh-legal-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.vh-legal-eyebrow{text-transform:uppercase;letter-spacing:0.1em;font-size:0.78rem;font-weight:800;color:var(--accent);margin-bottom:0.5rem}
.vh-legal-head h1{font-size:clamp(1.75rem,3.2vw,2.3rem);font-weight:800;margin:0 0 0.75rem;color:#ffffff}
.vh-legal-lead{color:var(--text-dim);font-size:1.05rem;line-height:1.6;margin:0;max-width:48rem}
.vh-legal-block{margin-bottom:1.75rem}
.vh-legal-block h2{font-size:1.25rem;font-weight:800;margin-bottom:0.75rem;color:#ffffff}
.vh-legal-block p,.vh-legal-block li{color:var(--text-dim);line-height:1.75}
.vh-legal-block ul{padding-left:1.25rem;margin-bottom:0}
.vh-legal-block li{margin-bottom:0.4rem}
.vh-legal-block a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.vh-contact-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:20px;
  padding:1.5rem 1.65rem;
  box-shadow:var(--shadow-card);
}
.vh-contact-links{display:flex;flex-wrap:wrap;gap:1rem}
.vh-contact-form .form-control{
  background:var(--bg);
  border:1px solid var(--border);
  color:#ffffff;
  border-radius:14px;
  padding:0.75rem 1.05rem;
}
.vh-contact-form .form-control:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft);
}
.vh-form-alert{border-radius:14px;padding:0.85rem 1.15rem;margin-bottom:1.15rem;font-size:0.95rem;font-weight:600}
.vh-form-alert.success{background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.25)}
.vh-form-alert.error{background:rgba(255,45,85,0.12);color:#ff4d6d;border:1px solid rgba(255,45,85,0.25)}