:root{--accent:#0b67ff;--muted:#6b7280;--bg:#f7fbff;--card:#ffffff;--radius:12px}
    *{box-sizing:border-box}
    html,body{height:100%}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;margin:0;color:#0f172a;background:linear-gradient(180deg,var(--bg),#ffffff)}
    a{color:var(--accent);text-decoration:none}
    header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,0.9);backdrop-filter:saturate(120%) blur(4px);border-bottom:1px solid rgba(15,23,42,0.05)}
    .container{max-width:1100px;margin:0 auto;padding:0 20px}

    /* Nav */
    .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .brand{display:flex;gap:12px;align-items:center}
    .brand img{width:48px;height:48px;border-radius:8px;object-fit:cover}
    .brand h1{font-size:18px;margin:0}
    nav ul{display:flex;gap:18px;align-items:center;margin:0;padding:0;list-style:none}
    .cta{background:var(--accent);color:#fff;padding:8px 14px;border-radius:10px;font-weight:600}
    .menu-toggle{display:none}

    /* Hero */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:48px 0}
    .hero h2{font-size:36px;margin:0 0 12px}
    .hero p{color:var(--muted);margin:0 0 18px}
    .features{display:flex;gap:12px;flex-wrap:wrap}
    .feature{background:var(--card);padding:12px;border-radius:10px;box-shadow:0 6px 20px rgba(11,103,255,0.04);min-width:160px}
    .hero-card{background:linear-gradient(180deg,#fff,#f3f9ff);padding:18px;border-radius:12px;box-shadow:0 8px 26px rgba(12,34,62,0.06)}
    .hero-card img{width:100%;border-radius:8px;display:block}

    /* Sections */
    section{padding:40px 0}
    .two-col{display:grid;grid-template-columns:1fr 420px;gap:28px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(12,34,62,0.04)}
    h3{margin:0 0 12px}
    .muted{color:var(--muted)}

    /* Faculty */
    .faculty{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
    .faculty .member{display:flex;gap:12px;align-items:center}
    .member img{width:64px;height:64px;border-radius:8px;object-fit:cover}

    /* Gallery */
    .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .gallery img{width:100%;height:120px;object-fit:cover;border-radius:8px}

    /* Contact */
    .contact-form{display:grid;gap:12px}
    input,textarea,select{width:100%;padding:10px;border:1px solid #e6eefb;border-radius:8px;font-size:14px}
    button.primary{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;border:none;font-weight:600}

    footer{padding:24px 0;background:#fff;border-top:1px solid rgba(15,23,42,0.04)}

    /* Responsive */
    @media (max-width:980px){
      .hero,.two-col{grid-template-columns:1fr}
      .hero-card{order:-1}
      .faculty{grid-template-columns:repeat(2,1fr)}
      .gallery{grid-template-columns:repeat(2,1fr)}
      nav ul{display:none}
      .menu-toggle{display:block}
    }

    @media (max-width:560px){
      .hero h2{font-size:26px}
      .brand h1{font-size:16px}
      .faculty .member img{width:56px;height:56px}
    }