:root{--navy:#061b4f;--blue:#0756d8;--gold:#d89d19;--ink:#101a35;--muted:#60708f}*{box-sizing:border-box}body{margin:0;background:#f5f8fd;color:var(--ink);font-family:Inter,Arial,sans-serif}.hub-shell{max-width:1280px;margin:auto;padding:42px 28px 80px}.hub-hero{position:relative;overflow:hidden;text-align:center;padding:58px 24px;margin-bottom:34px;border-radius:28px;color:white;background:linear-gradient(125deg,#061b4f,#0756d8);box-shadow:0 22px 55px rgba(11,54,139,.18)}.hub-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-150px;background:rgba(255,255,255,.1)}.hub-hero span{display:inline-block;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#f7c758}.hub-hero h1{font-size:clamp(30px,5vw,54px);margin:10px 0}.hub-hero p{max-width:720px;margin:auto;line-height:1.8;color:#eaf1ff}.hub-content{transition:opacity .2s,transform .2s}.hub-content.loading{opacity:.4;transform:translateY(5px);pointer-events:none}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hub-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4eaf4;border-radius:22px;background:white;color:inherit;text-decoration:none;box-shadow:0 10px 35px rgba(16,42,91,.07);transition:.25s}.hub-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(16,42,91,.14)}.hub-card-media{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#e9f1ff,#cddfff);display:grid;place-items:center}.hub-card-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.hub-card:hover img{transform:scale(1.05)}.hub-card-media.no-image i{font-size:54px;color:var(--blue)}.featured-badge{position:absolute;top:15px;left:15px;background:#fff;color:#9a6b00;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:800}.hub-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card-category,.article-label{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.hub-card h2{font-size:20px;line-height:1.35;margin:10px 0}.hub-card p{color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 20px}.read-more{margin-top:auto;font-weight:800;color:var(--blue);font-size:13px}.hub-article{max-width:980px;margin:auto}.hub-back{border:0;background:white;color:var(--blue);font-weight:800;padding:12px 18px;border-radius:12px;cursor:pointer;margin-bottom:18px;box-shadow:0 6px 20px rgba(20,51,105,.08)}.article-cover{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:24px 24px 0 0}.article-body{background:white;padding:clamp(24px,5vw,58px);border-radius:24px;box-shadow:0 15px 50px rgba(18,49,101,.09)}.article-cover+.article-body{border-radius:0 0 24px 24px}.article-body h1{font-size:clamp(28px,5vw,48px);line-height:1.2;margin:12px 0 22px}.article-copy{font-size:17px;line-height:1.95;color:#33415f}.article-copy h2{color:var(--navy);margin-top:34px}.article-copy blockquote{border-left:4px solid var(--blue);margin:24px 0;padding:15px 22px;background:#f3f7ff}.student-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.student-meta span{background:#eef4ff;color:#24416f;padding:9px 13px;border-radius:10px;font-size:13px}.story-video{margin-top:40px;padding-top:30px;border-top:1px solid #e3eaf5}.story-video video{width:100%;max-height:560px;border-radius:18px;background:#07132e}.video-link{display:inline-flex;gap:10px;align-items:center;padding:14px 20px;border-radius:12px;background:var(--blue);color:white;text-decoration:none;font-weight:800}.hub-empty{grid-column:1/-1;text-align:center;padding:70px;background:white;border-radius:22px}.hub-empty i{font-size:48px;color:#9db5db}@media(max-width:950px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hub-shell{padding:22px 14px 55px}.hub-hero{padding:42px 18px;border-radius:20px}.hub-grid{grid-template-columns:1fr}.hub-card-media{height:205px}.article-body{padding:24px 20px}.article-copy{font-size:15px}.student-meta{flex-direction:column}}