:root{
  --blue:#0052cc; --purple:#7f00ff;
  --green1:#4caf50; --green2:#388e3c;
  --gradient: linear-gradient(135deg,var(--green1),var(--green2));
}
body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;}
.brand-gradient{background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent;}
.btn-gradient{background: var(--gradient); color:#fff; border:none}
.btn-gradient:hover{filter: brightness(0.95); color:#fff}

.hero-section{position:relative; background: var(--gradient); padding: 80px 0; overflow:hidden}
.hero-glow{position:absolute; inset:-40% -20% auto; height:140%; background: radial-gradient(closest-side, rgba(255,255,255,.14), transparent 60%); pointer-events:none}
.hero-visual .avatar-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--blue);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.stat-pill{background: rgba(255,255,255,.15); color:#fff; border-radius: 30px; padding:6px 12px; font-size: .9rem}

.section-title{font-weight:800}

.course-card{border:none; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,.08); transition:transform .25s ease, box-shadow .25s ease}
.course-card:hover{transform: translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,.12)}

.paper-card{border:1px solid #eef1f6; transition:box-shadow .25s ease}
.paper-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.bg-primary-soft{background: rgba(0,82,204,.1); color: #0052cc}

.material-card{border:1px solid #eef1f6}
.material-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f5f7ff}
.material-icon.notes{background: #e9f5ff}
.material-icon.bank{background: #e8fff3}
.material-icon.papers{background: #f9f3ff}

.team-card{position:relative}
.team-card .team-caption{position:absolute; left:8px; bottom:8px; background: rgba(0,0,0,.55); color:#fff; padding:4px 8px; border-radius:6px; font-size:.8rem}

.navbar .nav-link{font-weight:600}