:root{--navy:#0b1730;--blue:#2474ff;--ink:#18233a;--bg:#f4f7fb}
body{background:var(--bg);color:var(--ink)}
.vv-nav{background:linear-gradient(90deg,#07142c,#102c59)}
.hero,.page-header{background:linear-gradient(135deg,#eef4ff,#fff)}
.eyebrow{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--blue)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top left,#e5efff,#f7f9fc 55%)}
.login-card{width:min(100%,460px);background:#fff;border-radius:1.5rem;padding:2.2rem}
.stat-card,.admin-card,.feature-card,.video-card{background:#fff;border:1px solid #e4eaf3;border-radius:1rem;box-shadow:0 10px 30px rgba(11,23,48,.05)}
.stat-card{padding:1.25rem;text-align:center;height:100%}
.stat-card strong{font-size:1.9rem;display:block}.stat-card span{color:#6b7280;font-size:.9rem}
.feature-card{display:block;padding:2rem;text-decoration:none;color:inherit;height:100%;transition:.2s}
.feature-card:hover,.video-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(11,23,48,.1)}
.admin-card{padding:1.4rem}.video-card{overflow:hidden;height:100%;cursor:pointer;transition:.2s}
.video-thumb{aspect-ratio:16/9;background:#dfe6f2;object-fit:cover;width:100%;display:block}
.video-body{padding:1rem}.video-title{font-weight:700;line-height:1.25}
.progress-label{font-size:.88rem;color:#667085;margin-top:.65rem}
.section-anchor{scroll-margin-top:90px}