:root{--bg:#f6f8fb;--surface:#fff;--surface-2:#f2f6ff;--text:#0f172a;--muted:#475569;--border:#0f172a1a;--shadow:0 10px 30px #0f172a14;--brand:#0ea5e9;--brand-2:#22c55e;--accent:#7c3aed;--radius:18px;--radius-sm:12px;--maxw:980px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,#0ea5e924,transparent 55%),radial-gradient(900px 500px at 80% 0%,#7c3aed1f,transparent 50%),radial-gradient(800px 500px at 65% 95%,#22c55e1a,transparent 55%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.55}.site-header{padding:18px 16px 10px}.site-header__inner{max-width:var(--maxw);gap:12px;margin:0 auto;display:grid}.site-header__brandRow{gap:4px;display:grid}.site-header__brand{letter-spacing:-.03em;color:var(--text);font-size:30px;font-weight:900;text-decoration:none}.site-header__tagline{color:var(--muted);font-size:14px}.site-header__navCard{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffeb,#ffffffe0);padding:12px}.site-header__navGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.site-header__navItem{text-align:center;color:var(--text);background:radial-gradient(140px 60px at 50% 0,#0ea5e938,#0000 60%),#0f172a08;border:1px solid #0f172a0f;border-radius:14px;padding:12px 10px;font-weight:800;text-decoration:none;display:block}.site-header__navItem:hover{background:radial-gradient(180px 70px at 50% 0,#7c3aed33,#0000 60%),#0f172a0a;border-color:#0f172a1a;text-decoration:none}.site-header__metaRow{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.site-header__metaLink{color:#0f172acc;background:#0f172a0a;border:1px solid #0f172a0f;border-radius:999px;padding:6px 10px;font-weight:700;text-decoration:none}@media (max-width:820px){.site-header__navGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.site-header__navGrid{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:26px 16px 34px}.site-footer__inner{max-width:var(--maxw);gap:14px;margin:0 auto;display:grid}.site-footer__nav{flex-wrap:wrap;gap:10px;display:flex}.site-footer__link{color:#0f172ad9;background:#0f172a0a;border:1px solid #0f172a0f;border-radius:999px;padding:10px 12px;font-weight:800;text-decoration:none}.site-footer__meta{color:var(--muted);font-size:14px}
.article{max-width:var(--maxw);margin:0 auto;padding:18px 16px 0}.article h1{letter-spacing:-.03em;margin:16px 0 12px;font-size:40px;line-height:1.05}.article h2{letter-spacing:-.01em;margin:28px 0 14px;font-size:24px}.article h3{margin:18px 0 10px;font-size:18px}.article p{color:#0f172ad9;margin:8px 0}.article .lede{color:var(--muted);font-size:16px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#fffffffa,#ffffffeb);margin-bottom:14px;padding:18px 20px;transition:transform .12s,box-shadow .12s,border-color .12s}.article a.card{text-decoration:none;display:block;position:relative;overflow:hidden}.article a.card:before{content:"";background:linear-gradient(180deg,var(--brand),var(--accent));opacity:.85;width:4px;position:absolute;top:0;bottom:0;left:0}.article a.card:after{content:"→";color:#0f172a59;font-size:22px;font-weight:900;transition:transform .12s,color .12s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.article a.card:hover{text-decoration:none}.article a.card:hover .card{border-color:#0ea5e973;transform:translateY(-2px);box-shadow:0 18px 40px #0f172a1f}.article a.card:hover:after{color:var(--brand);transform:translate(4px,-50%)}.card-title{letter-spacing:-.01em;color:var(--text);margin:0 0 6px;font-size:18px;font-weight:900}.card-desc{color:var(--muted);margin:0;font-size:15px}.section-tools a.card .card,.section-matric a.card .card,.section-nsfas a.card .card{padding-left:56px;position:relative}.section-tools a.card .card:before,.section-matric a.card .card:before,.section-nsfas a.card .card:before{content:"";background:#0f172a0a;border:1px solid #0f172a14;border-radius:10px;place-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:grid;position:absolute;top:18px;left:18px}.section-tools a.card .card:before{content:"🧮";background:radial-gradient(90px 40px at 30% 0,#0ea5e938,#0000 60%),#0f172a0a}.section-matric a.card .card:before{content:"🎓";background:radial-gradient(90px 40px at 30% 0,#7c3aed33,#0000 60%),#0f172a0a}.section-nsfas a.card .card:before{content:"💰";background:radial-gradient(90px 40px at 30% 0,#22c55e2e,#0000 60%),#0f172a0a}.section-tools a.card:hover .card:before,.section-matric a.card:hover .card:before,.section-nsfas a.card:hover .card:before{border-color:#0ea5e940}.article ul,.article ol{margin:12px 0 12px 20px}.article li{margin:6px 0}.article p a{color:var(--brand);font-weight:700}.article p a:hover{text-underline-offset:3px;text-decoration:underline}.button{color:#0f172aeb;background:radial-gradient(220px 80px at 20% 0,#0ea5e94d,#0000 55%),radial-gradient(220px 80px at 80% 0,#7c3aed38,#0000 60%),#0ea5e914;border:1px solid #0ea5e959;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:900;text-decoration:none;display:inline-flex}.button:hover{text-decoration:none}