*,:before,:after{box-sizing:border-box}html,body{color:#e5e7eb;background:radial-gradient(circle at top,#18181b,#020617 50%,#000 100%);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0f172af2,#0f172a99);border-bottom:1px solid #94a3b840;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{letter-spacing:.03em;font-size:1.05rem;font-weight:600}.nav{gap:1rem;font-size:.9rem;display:flex}.nav a{opacity:.8}.nav a:hover{opacity:1}.main{flex:1;max-width:960px;margin:0 auto;padding:2rem min(5vw,3rem)}.footer{opacity:.7;text-align:center;border-top:1px solid #94a3b833;padding:1rem 2rem;font-size:.8rem}.hero-card,.card,.course-card{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 55%),radial-gradient(circle at 100% 100%,#a855f724,#0000 55%),#0f172ae6;border:1px solid #94a3b899;border-radius:1.5rem;padding:1.6rem 1.8rem;box-shadow:0 18px 60px #0f172ae6}.hero-card{text-align:left;padding:2.2rem 2.4rem}.hero-title{margin-bottom:.6rem;font-size:clamp(2rem,3vw,2.4rem);font-weight:650}.hero-subtitle{opacity:.85;max-width:32rem;font-size:.98rem}.button-row{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.btn-primary,.btn-secondary,.filter-button{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-size:.9rem;transition:transform .1s,box-shadow .1s,opacity .1s,background .1s,border-color .1s;display:inline-flex}.btn-primary{color:#020617;background:linear-gradient(90deg,#22c55e,#22d3ee);box-shadow:0 10px 30px #22c55e4d}.btn-secondary{color:#e5e7eb;background:0 0;border:1px solid #94a3b899}.btn-primary:hover,.btn-secondary:hover{opacity:.95;transform:translateY(-1px)}.tag{text-transform:uppercase;letter-spacing:.06em;opacity:.8;border:1px solid #94a3b899;border-radius:999px;padding:.1rem .6rem;font-size:.7rem;display:inline-flex}.course-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;margin-top:1.4rem;display:grid}.course-card{transition:transform .12s,box-shadow .15s,border-color .15s;position:relative}.course-card:hover{border-color:#f8fafce6;transform:translateY(-3px);box-shadow:0 20px 60px #0f172ae6}.course-card h2{margin:0 0 .2rem;font-size:1.05rem}.course-meta{opacity:.9;margin-bottom:.5rem;font-size:.78rem}.course-summary{opacity:.9;margin-bottom:.7rem;font-size:.86rem}.section{margin-top:1.6rem}.section h2{margin-bottom:.4rem;font-size:1.1rem}.section p{opacity:.9;font-size:.92rem;line-height:1.6}.section-list{opacity:.9;margin:.3rem 0 0;padding-left:1.2rem;font-size:.9rem}.section-list li{margin-bottom:.25rem}.pill-row{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;font-size:.75rem;display:flex}.badge-soft{opacity:.85;border:1px solid #94a3b880;border-radius:999px;padding:.12rem .6rem}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;margin-bottom:.6rem;display:flex}.filter-button{color:#e5e7eb;background:0 0;border:1px solid #94a3b880;padding-inline:1rem;font-size:.78rem}.filter-button.active{background:#3b82f629;border-color:#60a5fae6}.filter-button:hover{opacity:.9}@media (max-width:640px){.header,.main{padding-inline:1.2rem}.hero-card{padding:1.6rem 1.5rem}}.course-card.oe{background:radial-gradient(circle at 0 0,#00b4ff47,#0000 55%),radial-gradient(circle at 100% 100%,#22d3ee38,#0000 55%),#0f172af2;border-color:#38bdf8d9}.course-card.oe:hover{box-shadow:0 0 0 1px #38bdf899,0 25px 70px #38bdf873}.course-card.pe-with-minor{background:radial-gradient(circle at 0 0,#ec489952,#0000 55%),radial-gradient(circle at 100% 100%,#f472b642,#0000 55%),#0f172af2;border-color:#ec4899e6}.course-card.pe-with-minor:hover{box-shadow:0 0 0 1px #ec489999,0 25px 70px #ec489973}.course-card.pe-without-minor{background:radial-gradient(circle at 0 0,#ec489947,#0000 55%),radial-gradient(circle at 100% 100%,#a855f742,#0000 55%),#0f172af2;border-color:#ec4899d9}.course-card.pe-without-minor:hover{box-shadow:0 0 0 1px #ec489999,0 25px 70px #ec489973}