/* DW Campus — learner-facing web school layer */
:root{--campus-max:1180px;--campus-brand:#5650eb;--campus-ink:#172033;--campus-muted:#6b768a;--campus-bg:#f5f7fb}
body.layout-top-nav{background:var(--campus-bg);color:var(--campus-ink)}
.layout-top-nav .main-header{position:sticky;z-index:1020;top:0;min-height:64px;padding:0 18px;border-bottom:1px solid #e5eaf2;background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.layout-top-nav .main-header>.container,.layout-top-nav .main-header>.container-fluid{display:flex;align-items:center;max-width:var(--campus-max)}
.layout-top-nav .navbar-brand{gap:9px;color:var(--campus-ink);font-weight:850;letter-spacing:-.01em;white-space:nowrap}.layout-top-nav .navbar-brand:hover{color:var(--campus-brand)}
.layout-top-nav .navbar-nav .nav-link{display:flex;align-items:center;min-height:42px;padding:.58rem .72rem;border-radius:10px;color:#536078;font-weight:650}.layout-top-nav .navbar-nav .nav-link:hover,.layout-top-nav .navbar-nav .nav-link.active{background:#efefff;color:var(--campus-brand)}
.layout-top-nav .content-wrapper{min-height:calc(100vh - 64px);background:var(--campus-bg)}.layout-top-nav .content{padding:26px 0 38px}.layout-top-nav .content>.container,.layout-top-nav .content>.container-fluid{max-width:var(--campus-max)}
.layout-top-nav .main-footer{margin:0;padding:22px;border-top:1px solid #e6eaf1;background:#fff;color:#8490a5;text-align:center}
.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 10% 10%,#ecebff 0,transparent 32%),linear-gradient(145deg,#f7f8fc,#eef1f8)}
.login-box{width:100%;max-width:430px}.login-box .card{border:1px solid rgba(218,224,235,.9);box-shadow:0 24px 70px rgba(23,32,51,.12)}
.login-box .card-body{padding:28px}.login-box .btn-primary{min-height:44px}.login-box .input-group-text{min-width:42px;justify-content:center}
.course-card{transition:transform .18s ease,box-shadow .18s ease}.course-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(23,32,51,.12)}
.player-wrap,.content-view-wrap{border-radius:18px;box-shadow:0 12px 36px rgba(23,32,51,.09);overflow:hidden}
@media(max-width:767.98px){.layout-top-nav .main-header{padding:8px 12px}.layout-top-nav .content{padding:18px 0 28px}.layout-top-nav .navbar-collapse{padding:8px 0 10px}.login-page{padding:16px}.login-box .card-body{padding:21px}}