:root{
  --ink:#121212; --ink-2:#1A1A1A; --ink-3:#242424;
  --oxblood:#D97700; --oxblood-l:#F39200;
  --brass:#FFB74D; --brass-l:#FFE0B2;
  --tx-light:#Fdfaf6; --tx-light-mut:#A89B90;
  --line-d:rgba(255,255,255,0.06); --line-l:rgba(255,255,255,0.12);
  --glass-bg: rgba(18, 18, 18, 0.75);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Source Sans 3',sans-serif;
  background:var(--ink);
  color:var(--tx-light);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;}
}
h1,h2,h3,h4,h5{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-0.01em;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color: var(--oxblood-l);
}
a{color:inherit; text-decoration: none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}

/* MEGA MENU HEADER */
header{
  position:sticky;top:0;z-index:100;
  background:var(--glass-bg);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-d);
}
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 32px;max-width:1400px;margin:0 auto;
}
.brand{
  display:flex;align-items:center;gap:12px;
  color:var(--tx-light);
  font-family:'Fraunces',serif;font-weight:600;font-size:18px;
}
.brand-mark{width:46px;height:46px;flex:none; object-fit: contain;}
.nav-links{display:flex;gap:20px;list-style:none; align-items: center;}
.nav-links > li{position:relative; padding: 12px 0;}
.nav-links > li > a{
  color:var(--tx-light-mut);font-size:15px;font-weight:500;
  transition:color .2s;
  display: flex; align-items: center; gap: 6px;
}
.nav-links > li > a:hover, .nav-links > li > a.active{color:var(--tx-light);}
.dropdown-menu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);
  background:var(--ink-2);border:1px solid var(--line-l);
  border-radius:8px;padding:16px;min-width:240px;
  opacity:0;visibility:hidden;
  transition:all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4);
}
.nav-links > li:hover .dropdown-menu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.dropdown-menu a{
  display:block;padding:10px 16px;color:var(--tx-light-mut);
  border-radius:6px;transition:all 0.2s;
}
.dropdown-menu a:hover{
  background:rgba(255,112,67,0.1);color:var(--oxblood-l);
}

/* HERO */
.hero{
  padding:120px 0 100px;position:relative;overflow:hidden;
}
.hero .wrap{
  display:grid;grid-template-columns:1.2fr 0.8fr;gap:64px;align-items:center;
}
.hero h1{
  font-size:clamp(36px,5vw,64px);line-height:1.05;
  margin-bottom:28px;
}
.hero h1 em{font-style:italic;color:var(--oxblood-l);}
.hero p{
  color:var(--tx-light-mut);font-size:18px;max-width:48ch;margin-bottom:40px;
}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.btn-primary{
  background:var(--oxblood-l);color:var(--ink);border:none;
  padding:16px 32px;font-size:16px;border-radius:4px;
  font-weight:600;transition:background .2s;
}
.btn-primary:hover{background:var(--oxblood);}
.btn-ghost{
  border:1px solid var(--line-l);color:var(--tx-light);
  padding:16px 32px;font-size:16px;border-radius:4px;
  transition:all .2s;
}
.btn-ghost:hover{border-color:var(--oxblood-l);background:rgba(255,112,67,0.1);}
.stat-row{
  display:flex;gap:40px;margin-top:64px;padding-top:36px;
  border-top:1px solid var(--line-d);
}
.stat-num{
  font-family:'Fraunces',serif;font-size:36px;font-weight:600;color:var(--oxblood-l);
}
.stat-label{
  font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--tx-light-mut);
  letter-spacing:0.06em;text-transform:uppercase;margin-top:6px;
}

/* NETWORK ART */
.network-art{
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  background: radial-gradient(circle at center, var(--ink-2) 0%, transparent 70%);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.network-core{
  width: 80px; height: 80px;
  background: var(--oxblood-l);
  border-radius: 50%;
  box-shadow: 0 0 40px rgba(255,112,67,0.4);
  position: relative;
  z-index: 10;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Fraunces', serif; font-size: 32px; color: var(--ink); font-weight: bold;
}
.network-orbit{
  position: absolute;
  border: 1px solid var(--line-l);
  border-radius: 50%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  animation: pulseRotate 20s linear infinite;
}
.orbit-1{width: 200px; height: 200px; animation-duration: 30s;}
.orbit-2{width: 320px; height: 320px; border-style: dashed; animation-duration: 45s; animation-direction: reverse;}
.orbit-3{width: 440px; height: 440px; animation-duration: 60s;}
.network-node{
  position: absolute;
  width: 12px; height: 12px;
  background: var(--tx-light);
  border-radius: 50%;
  top: 0; left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(255,255,255,0.5);
}
.node-founder{
  width: 18px; height: 18px; background: var(--oxblood-l);
  box-shadow: 0 0 15px rgba(255,112,67,0.6);
}
@keyframes pulseRotate {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* SECTION SHARED */
section{padding:100px 0;}
.section-head{max-width:700px;margin-bottom:64px; text-align: center; margin-inline: auto;}
.section-head h2{font-size:clamp(32px,4vw,48px);color:var(--tx-light);margin-bottom:16px;}
.section-head p{color:var(--tx-light-mut);font-size:18px;}

/* PREMIUM ANIMATIONS & EFFECTS x1000 */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.premium-card {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(16px);
  border: 1px solid var(--line-l);
  border-radius: 16px;
  padding: 32px;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.premium-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255,112,67,0.4);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.section-title {
  font-size: 32px;
  color: var(--tx-light);
  margin-bottom: 24px;
  position: relative;
  display: inline-block;
}
.section-title::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--oxblood-l);
  border-radius: 2px;
  transition: width 0.3s ease;
}
.section-title:hover::after {
  width: 100%;
}

/* NEW: VISIBLE UNIVERSITIES DATA STYLING */
.uni-grid-founders {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 80px;
}
.founder-card-giant {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 48px;
  border: 2px solid var(--oxblood-l);
  background: linear-gradient(135deg, rgba(255,112,67,0.1) 0%, rgba(0,0,0,0) 100%);
  border-radius: 24px;
}
.founder-card-giant .uni-logo {
  height: 180px;
  width: 240px;
  object-fit: contain;
  flex: none;
  filter: drop-shadow(0 0 15px rgba(255,255,255,0.1));
}
.founder-details h3 {
  font-size: 32px; margin-bottom: 16px; color: var(--tx-light);
}
.founder-details .uni-badge {
  display: inline-block; margin-bottom: 24px;
  font-family: 'IBM Plex Mono', monospace; font-size: 13px;
  background: var(--oxblood-l); color: var(--ink);
  padding: 8px 20px; border-radius: 30px; letter-spacing: 0.1em;
  text-transform: uppercase; font-weight: bold;
}
.founder-meta {
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
}
.founder-meta div { display: flex; flex-direction: column; gap: 4px; }
.founder-meta label { font-family: 'IBM Plex Mono', monospace; font-size: 11px; color: var(--tx-light-mut); text-transform: uppercase; }
.founder-meta span, .founder-meta a { font-size: 16px; color: var(--tx-light); font-weight: 500; }
.founder-meta a { color: var(--oxblood-l); text-decoration: underline; }

.uni-grid-all {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 24px;
}
.uni-card-expanded {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.uni-card-header {
  display: flex; align-items: center; gap: 20px;
}
.uni-card-header .uni-logo {
  height: 80px; width: 80px; object-fit: contain; flex: none;
  filter: drop-shadow(0 0 5px rgba(255,255,255,0.05));
}
.uni-card-header div h4 { font-size: 18px; color: var(--tx-light); line-height: 1.3;}
.uni-card-header div .abbr { font-family: 'IBM Plex Mono', monospace; font-size: 14px; color: var(--oxblood-l); margin-top: 8px; display: block;}
.uni-card-meta {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  padding-top: 24px; border-top: 1px solid var(--line-d);
}
.uni-card-meta div { display: flex; flex-direction: column; gap: 4px; }
.uni-card-meta label { font-family: 'IBM Plex Mono', monospace; font-size: 11px; color: var(--tx-light-mut); text-transform: uppercase; }
.uni-card-meta span { font-size: 14px; color: var(--tx-light); }
.uni-card-meta a { font-size: 14px; color: var(--oxblood-l); text-decoration: underline; }

.private-uni-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
  list-style: none;
}
.private-uni-item {
  background: rgba(255,255,255,0.03);
  border: 1px solid var(--line-d);
  padding: 16px 20px;
  border-radius: 8px;
  font-size: 15px;
  color: var(--tx-light);
  transition: all 0.2s ease;
  cursor: pointer;
  display: flex; justify-content: space-between; align-items: center;
}
.private-uni-item:hover {
  background: rgba(255,112,67,0.1);
  border-color: rgba(255,112,67,0.4);
  transform: translateX(6px);
}

/* CONTENT PAGES */
.content-area{
  padding: 80px 24px;
  max-width: 900px;
  margin: 0 auto;
}
.content-area h2{ font-size: 40px; margin-bottom: 32px; }
.content-area h3{ font-size: 28px; margin-top: 48px; margin-bottom: 20px; }
.content-area p{ margin-bottom: 24px; font-size: 18px; color: var(--tx-light-mut); }
.content-area ul{ margin-left: 24px; margin-bottom: 24px; }
.content-area li{ margin-bottom: 12px; color: var(--tx-light-mut); font-size: 17px;}

/* FEDERATIONS */
.fed-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 32px;
  margin-top: 48px;
}
.fed-card {
  text-align: center;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 240px;
}
.fed-logo {
  height: 90px; width: 100%; max-width: 180px;
  margin-bottom: 24px; object-fit: contain;
}

/* FOOTER */
footer{background:var(--ink-2);color:var(--tx-light-mut);padding:80px 0 40px; border-top: 1px solid var(--line-d);}
.footer-top{display:flex;justify-content:space-between;gap:64px;flex-wrap:wrap;border-bottom:1px solid var(--line-d);padding-bottom:48px;margin-bottom:32px;}
.footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--oxblood-l);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px;}
.footer-col a{display:block;font-size:15px;color:var(--tx-light-mut);margin-bottom:12px;transition:color .2s;}
.footer-col a:hover{color:var(--tx-light);}
.footer-bottom{display:flex;justify-content:space-between;font-size:14px;flex-wrap:wrap;gap:16px;}

/* -----------------------------
   MOBILE RESPONSIVENESS
----------------------------- */
.mobile-menu-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    z-index: 101;
}
.mobile-menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--tx-light);
    margin-bottom: 5px;
    transition: all 0.3s;
}
.mobile-menu-toggle span:last-child { margin-bottom: 0; }
.mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-menu-toggle.active span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

@media (max-width: 900px) {
    /* Layout & Margins */
    body { overflow-x: hidden; }
    .wrap { padding: 0 24px; }
    nav { padding: 16px 24px; }

    /* Header & Nav */
    .mobile-menu-toggle { display: block; margin-left: auto; }
    .brand-text { font-size: 14px; }
    .nav-links {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100vh;
        background: var(--ink-2);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 80px 24px 40px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s;
        z-index: 100;
        overflow-y: auto;
    }
    .nav-links.active {
        opacity: 1; visibility: visible; transform: translateY(0);
    }
    .nav-links > li { width: 100%; border-bottom: 1px solid var(--line-d); padding: 16px 0; }
    .nav-links > li > a { font-size: 18px; }
    .dropdown-menu {
        position: static !important;
        opacity: 1 !important; 
        visibility: visible !important;
        transform: none !important; 
        box-shadow: none !important;
        border: none !important; 
        background: transparent !important;
        padding: 10px 0 0 16px !important;
        display: none;
    }
    .nav-links > li:hover .dropdown-menu, .nav-links > li:active .dropdown-menu {
        display: block !important;
    }

    /* Hero */
    .hero { padding: 80px 0 60px; }
    .hero .wrap { grid-template-columns: 1fr; gap: 40px; }
    .hero h1 { font-size: 32px; }
    .hero p { font-size: 16px; }
    .stat-row { flex-wrap: wrap; gap: 24px; }
    
    /* Network Art */
    .network-orbit { display: none; } /* Hide complex animations on mobile to save space */
    .network-core { width: 60px; height: 60px; font-size: 24px; }
    .network-art { aspect-ratio: 2/1; }

    /* Sections Shared */
    section { padding: 60px 0; }
    .section-head h2 { font-size: 28px; }
    .section-head p { font-size: 16px; }

    /* Founder Cards */
    .founder-card-giant { flex-direction: column; text-align: center; padding: 24px; }
    .founder-card-giant .uni-logo { height: 120px; width: 100%; }
    .founder-meta { grid-template-columns: 1fr; }

    /* Forms / Inputs */
    .contact-form { padding: 24px; }
    
    /* Footer */
    .footer-top { flex-direction: column; gap: 32px; }
    .footer-col { max-width: 100% !important; }
}