:root{--brand:#ec1c24;--brand-dark:#b7151b;--ink:#15161a;--ink-soft:#52555f;--paper:#fff;--paper-soft:#f4f4f6;--border:#e4e4e8;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit}img,video{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.site-header{background:var(--ink);color:#fff;z-index:20;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:72px;display:flex}.wordmark{letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;text-decoration:none;display:flex}.wordmark .dot{background:var(--brand);border-radius:50%;width:10px;height:10px;display:inline-block}.nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#ffffffc7;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:#fff}.hero{color:#fff;align-items:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}.hero img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:1;background:linear-gradient(#0a0a0c26 0%,#0a0a0ceb 100%);position:absolute;inset:0}.hero .container{z-index:2;padding-top:56px;padding-bottom:56px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);margin:0 0 12px;font-size:.78rem;font-weight:700}.hero h1{letter-spacing:-.02em;max-width:720px;margin:0 0 14px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.hero p{color:#ffffffdb;max-width:620px;margin:0 0 24px;font-size:1.05rem}.btn{background:var(--brand);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--brand-dark)}.btn.ghost{background:0 0;border:1.5px solid #fff6}.btn.ghost:hover{background:#ffffff1a}.section{padding:64px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:800}.section-head p{color:var(--ink-soft);margin:0}.section.alt{background:var(--paper-soft)}.grid{gap:20px;display:grid}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}@media (width<=900px){.grid.cols-3,.grid.cols-5{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid.cols-3,.grid.cols-5{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1414181a}.card .thumb{aspect-ratio:16/10;background:var(--paper-soft);width:100%;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%}.card .body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.badge{background:var(--paper-soft);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.badge.brand{color:var(--brand-dark);background:#ec1c241a}.card h3{margin:0;font-size:1.1rem;font-weight:700}.card .meta{color:var(--ink-soft);margin-top:auto;font-size:.85rem}.dept-card{text-align:center;padding:24px 16px}.dept-card .thumb{aspect-ratio:1;border-radius:50%;width:84px;height:84px;margin:0 auto 14px}.breadcrumb{color:var(--ink-soft);margin-bottom:18px;font-size:.85rem}.breadcrumb a{color:var(--ink-soft);font-weight:600;text-decoration:none}.breadcrumb a:hover{color:var(--brand-dark)}.detail-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;margin-bottom:40px;display:grid}@media (width<=800px){.detail-hero{grid-template-columns:1fr}}.detail-hero img,.detail-hero video{border-radius:var(--radius);aspect-ratio:16/10;object-fit:cover;width:100%}.module-row{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s;display:flex}.module-row:hover{border-color:var(--brand)}.module-row .num{background:var(--paper-soft);width:34px;height:34px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.module-row .info{flex:1}.module-row h4{margin:0 0 2px;font-size:1rem}.module-row .meta{color:var(--ink-soft);font-size:.82rem}.lesson-row{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;padding:14px 0;text-decoration:none;display:flex}.lesson-row:last-child{border-bottom:none}.lesson-row .title{font-weight:600}.lesson-row .tag{color:var(--ink-soft);text-transform:capitalize;font-size:.78rem}.prose{max-width:720px;color:var(--ink)}.prose p{color:var(--ink-soft);margin:0 0 16px}.quiz-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--paper-soft);padding:24px}.quiz-q{margin-bottom:18px}.quiz-q p.question{margin:0 0 8px;font-weight:700}.quiz-q ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.quiz-q li{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 14px;font-size:.92rem}.site-footer{background:var(--ink);color:#ffffffb8;padding:32px 0;font-size:.88rem}