/* =========================================================
   PDSSSA — STATE OF THE ART ARCHITECTURE UI
   Presentation layer only. Existing PHP/JSON/forms/links are untouched.
========================================================= */
:root{
  --pd-black:#050505;
  --pd-charcoal:#0d0d0d;
  --pd-panel:#121212;
  --pd-yellow:#ffd400;
  --pd-yellow-soft:#ffe66a;
  --pd-orange:#ff7a00;
  --pd-white:#f6f4ed;
  --pd-muted:#aaa69c;
  --pd-border:rgba(255,212,0,.28);
}

html{scroll-behavior:smooth}
body{
  background:#070707 !important;
  color:var(--pd-white) !important;
  font-family:'Manrope',sans-serif !important;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,212,0,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,212,0,.018) 1px,transparent 1px),
    radial-gradient(circle at 15% 20%,rgba(255,212,0,.08),transparent 32%),
    radial-gradient(circle at 90% 80%,rgba(255,122,0,.06),transparent 28%),
    #070707;
  background-size:56px 56px,56px 56px,auto,auto,auto;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:url('../images/5.png') center/cover no-repeat;
  opacity:.08;
  mix-blend-mode:screen;
}

/* 1 — Institutional identity */
.pdsssa-institution-header{
  position:relative;
  z-index:20;
  background:linear-gradient(135deg,#050505 0%,#11100c 52%,#070707 100%);
  border-bottom:1px solid rgba(255,212,0,.35);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.pdsssa-institution-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--pd-yellow),var(--pd-orange),var(--pd-yellow),transparent);
  opacity:.8;
}
.pdsssa-institution-inner{
  max-width:1500px;
  margin:auto;
  min-height:112px;
  padding:16px 30px;
  display:grid;
  grid-template-columns:180px 1fr 180px;
  align-items:center;
  gap:24px;
}
.pdsssa-hkes,.pdsssa-college-logo{display:flex;align-items:center;gap:12px}
.pdsssa-hkes{justify-content:flex-start}
.pdsssa-college-logo{justify-content:flex-end}
.pdsssa-logo-circle{
  width:64px;height:64px;flex:0 0 64px;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  border:2px solid rgba(255,212,0,.75);
  box-shadow:0 0 0 5px rgba(255,212,0,.04),0 8px 24px rgba(0,0,0,.5);
}
.pdsssa-logo-circle img{width:100%;height:100%;object-fit:contain;display:block}
.pdsssa-hkes-text{
  color:#d4d0c5;
  font-size:11px;
  line-height:1.25;
  font-weight:600;
  max-width:100px;
}
.pdsssa-college-name{text-align:center}
.pdsssa-college-title{
  color:#fff;
  font-family:'Cinzel',serif;
  font-size:clamp(20px,2.15vw,36px);
  line-height:1.08;
  font-weight:700;
  letter-spacing:.035em;
}
.pdsssa-college-subtitle{
  margin-top:5px;
  color:var(--pd-yellow);
  font-family:'Cinzel',serif;
  font-size:clamp(14px,1.15vw,20px);
  letter-spacing:.28em;
  font-weight:700;
}

/* 2 — Founder / Legacy */
.pdsssa-legacy-hero{
  position:relative;
  min-height:440px;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(0,0,0,.95),rgba(8,8,8,.82) 55%,rgba(0,0,0,.96)),
    radial-gradient(circle at 75% 45%,rgba(255,212,0,.1),transparent 35%),
    #050505;
  border-bottom:1px solid rgba(255,212,0,.2);
}
.legacy-grid{
  position:absolute;inset:0;z-index:-2;opacity:.28;
  background:
    linear-gradient(rgba(255,212,0,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,212,0,.11) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,black,rgba(0,0,0,.7),transparent);
}
.legacy-square{position:absolute;z-index:-1;border:1px solid rgba(255,212,0,.2);transform:rotate(14deg)}
.legacy-square-one{width:320px;height:320px;left:-130px;top:55px;background:linear-gradient(135deg,rgba(255,212,0,.13),transparent 65%)}
.legacy-square-two{width:250px;height:250px;right:9%;top:-100px;border-color:rgba(255,122,0,.24);background:linear-gradient(135deg,rgba(255,122,0,.08),transparent 65%);transform:rotate(-10deg)}
.legacy-square-three{width:430px;height:430px;right:-180px;bottom:-260px;background:linear-gradient(135deg,rgba(255,212,0,.12),transparent 65%);transform:rotate(9deg)}
.pdsssa-legacy-inner{
  max-width:1320px;margin:auto;min-height:440px;padding:52px 44px;
  display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;
}
.legacy-kicker{font-size:12px;letter-spacing:.28em;color:var(--pd-yellow);font-weight:700}
.legacy-line{width:110px;height:2px;background:linear-gradient(90deg,var(--pd-yellow),var(--pd-orange));margin:18px 0 20px}
.legacy-content h1{margin:0;color:#f5f2e9;font-family:'Cinzel',serif;font-size:clamp(40px,5vw,72px);line-height:.98;font-weight:600}
.legacy-content h1 span{color:var(--pd-yellow)}
.legacy-description{margin:22px 0 14px;color:#c7c2b5;font-size:16px;letter-spacing:.08em;text-align:left}
.legacy-year{font-size:12px;letter-spacing:.35em;color:#8e8a80;font-weight:700}
.legacy-founder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px}
.founder-outer-square{position:absolute;width:310px;height:310px;border:1px solid rgba(255,212,0,.35);transform:rotate(45deg);box-shadow:0 0 60px rgba(255,212,0,.04)}
.founder-circle{width:260px;height:260px;border-radius:50%;overflow:hidden;border:4px solid var(--pd-yellow);background:#111;box-shadow:0 0 0 10px rgba(255,212,0,.045),0 25px 60px rgba(0,0,0,.7);position:relative;z-index:2}
.founder-circle img{width:100%;height:100%;object-fit:cover;display:block}
.founder-caption{position:relative;z-index:3;margin-top:-7px;background:rgba(5,5,5,.92);border-left:3px solid var(--pd-yellow);padding:9px 18px;display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.15em}
.founder-caption span{color:#9b978d}.founder-caption strong{color:#fff}

/* 3 — Navigation */
.main-nav{
  position:relative;z-index:1000;
  background:rgba(8,8,8,.97) !important;
  border-top:1px solid rgba(255,212,0,.14) !important;
  border-bottom:1px solid rgba(255,212,0,.28) !important;
  padding:0 !important;
  backdrop-filter:blur(12px);
}
.main-nav.scrolled{background:rgba(5,5,5,.98) !important;box-shadow:0 10px 30px rgba(0,0,0,.45) !important}
.nav-links{min-height:58px;gap:4px !important;align-items:center;padding:0 18px !important}
.nav-links>li{position:relative}
.nav-links li a.nav-link{color:#eee !important;padding:19px 12px !important;font-size:12px !important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.nav-links li a.nav-link:hover,.nav-links li a.nav-link:focus,.nav-links li a.active{color:var(--pd-yellow) !important}
.nav-links li a.nav-link i{color:var(--pd-yellow);font-size:10px}
.dropdown-menu{background:#0d0d0d !important;border:1px solid rgba(255,212,0,.25) !important;border-radius:0 !important;box-shadow:0 18px 45px rgba(0,0,0,.55)}
.dropdown-menu .dropdown-item{color:#ddd !important;padding:10px 16px !important;font-size:12px !important}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{background:rgba(255,212,0,.12) !important;color:var(--pd-yellow) !important}
.theme-toggle{height:34px;padding:0 12px;border:1px solid rgba(255,212,0,.5);background:transparent;color:#fff;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:.25s ease}
.theme-toggle:hover{background:var(--pd-yellow);color:#050505}
.theme-icon{margin-right:5px}.theme-toggle-item{margin-left:8px}


/* 4 — Codes */
.pdsssa-codes-strip{
  margin:0 !important;padding:8px 0 !important;
  background:linear-gradient(90deg,#050505,#19150a,#050505) !important;
  border-top:1px solid rgba(255,212,0,.25) !important;
  border-bottom:1px solid rgba(255,212,0,.25) !important;
  color:var(--pd-yellow) !important;
  overflow:hidden;
}
.pdsssa-codes-strip marquee{font-size:12px;letter-spacing:.2em;font-weight:700}
.pdsssa-codes-strip .exam-code{display:inline-block;padding:0 42px;position:relative}
.pdsssa-codes-strip .exam-code:not(:last-child)::after{content:"◆";position:absolute;right:-2px;color:var(--pd-orange);font-size:8px}

/* 5 — Video with square gradients + grid */
#college-video.pdsssa-video-section{
  position:relative;width:min(1280px,calc(100% - 36px));margin:34px auto 58px;min-height:530px;padding:46px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 50% 50%,rgba(255,212,0,.08),transparent 45%),linear-gradient(135deg,#020202,#0c0a06 45%,#030303);
  border:1px solid rgba(255,212,0,.3);border-radius:0;
  box-shadow:0 28px 80px rgba(0,0,0,.65),inset 0 0 90px rgba(255,212,0,.025);
}
.video-grid{position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(255,212,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,0,.07) 1px,transparent 1px);background-size:42px 42px;opacity:.4;mask-image:radial-gradient(circle at center,black 15%,transparent 82%)}
.video-square{position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(255,212,0,.2)}
.video-square-1{width:330px;height:330px;left:-120px;top:-90px;transform:rotate(12deg);background:linear-gradient(135deg,rgba(255,212,0,.2),rgba(255,212,0,.04) 52%,transparent 75%)}
.video-square-2{width:260px;height:260px;left:8%;bottom:-150px;transform:rotate(-18deg);border-color:rgba(255,122,0,.23);background:linear-gradient(135deg,rgba(255,122,0,.15),transparent 72%)}
.video-square-3{width:360px;height:360px;right:-140px;bottom:-120px;transform:rotate(-12deg);background:linear-gradient(135deg,rgba(255,122,0,.2),rgba(255,122,0,.04) 52%,transparent 76%);border-color:rgba(255,122,0,.26)}
.video-square-4{width:210px;height:210px;right:9%;top:-95px;transform:rotate(18deg);background:linear-gradient(135deg,rgba(255,212,0,.14),transparent 75%)}
.video-frame{width:100%;max-width:1120px;position:relative;padding:8px;background:linear-gradient(135deg,var(--pd-yellow),#111 28%,#050505 68%,var(--pd-orange));box-shadow:0 24px 70px rgba(0,0,0,.75),0 0 45px rgba(255,212,0,.08)}
.video-frame::before{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.16);pointer-events:none;z-index:2}
.video-frame video{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;background:#000;border:0;border-radius:0}

/* Existing content readability */
.container-box,.moe-section{position:relative}
.container-box{background:rgba(8,8,8,.68);color:#eee;border-top:1px solid rgba(255,212,0,.12);border-bottom:1px solid rgba(255,212,0,.08)}
.moe-section{background:rgba(6,6,6,.74) !important;color:#eee !important;border-top:1px solid rgba(255,212,0,.08);border-bottom:1px solid rgba(255,212,0,.08)}
.moe-section h4,.h4{color:var(--pd-yellow) !important;font-family:'Cinzel',serif;letter-spacing:.08em}
.moe-logo-link span{color:#eee !important}.moe-logo-link img{background:#fff !important}
footer{background:linear-gradient(135deg,#050505,#161208) !important;border-top:1px solid rgba(255,212,0,.3);color:#ddd !important}
footer a{color:#ddd}.social-icons a:hover{color:var(--pd-yellow) !important}

/* Bright mode */
html.pdsssa-bright body{background:#f4f1e7 !important;color:#161616 !important}
html.pdsssa-bright body::before{background:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px),#f4f1e7}
html.pdsssa-bright body::after{opacity:.035;mix-blend-mode:multiply}
html.pdsssa-bright .pdsssa-institution-header{background:linear-gradient(135deg,#fffdf5,#f1e7b8)}
html.pdsssa-bright .pdsssa-college-title{color:#151515}.pdsssa-bright .pdsssa-hkes-text{color:#514d43}
html.pdsssa-bright .main-nav{background:#111 !important}
html.pdsssa-bright .container-box{background:rgba(255,255,255,.82);color:#222}
html.pdsssa-bright .moe-section{background:rgba(255,255,255,.88) !important;color:#222 !important}

@media(max-width:1050px){
  .pdsssa-institution-inner{grid-template-columns:110px 1fr 110px;padding:14px 18px}
  .pdsssa-logo-circle{width:56px;height:56px;flex-basis:56px}
  .pdsssa-hkes-text{display:none}
  .nav-links li a.nav-link{padding-left:8px !important;padding-right:8px !important;font-size:10px !important}
  .theme-toggle-item{margin-left:2px}
}
@media(max-width:768px){
  .pdsssa-institution-inner{grid-template-columns:74px 1fr 74px;gap:8px;min-height:88px;padding:10px 12px}
  .pdsssa-logo-circle{width:52px;height:52px;flex-basis:52px}
  .pdsssa-college-title{font-size:17px;letter-spacing:.01em}
  .pdsssa-college-subtitle{font-size:11px;letter-spacing:.16em}
  .pdsssa-legacy-hero{min-height:590px}
  .pdsssa-legacy-inner{min-height:590px;padding:34px 22px;grid-template-columns:1fr;gap:24px;text-align:center}
  .legacy-content h1{font-size:39px}.legacy-description{text-align:center}
  .legacy-line{margin:14px auto 18px}.legacy-founder{min-height:270px}.founder-circle{width:205px;height:205px}.founder-outer-square{width:245px;height:245px}
  .founder-caption{font-size:8px}
  .nav-links{display:none;flex-direction:column;align-items:stretch;padding:8px 14px 16px !important}
  .nav-links.active{display:flex !important}
  .nav-links>li{width:100%}.nav-links li a.nav-link{justify-content:center;padding:11px 8px !important}
  .theme-toggle-item{display:flex;justify-content:center;margin:7px 0 0}
  .pdsssa-codes-strip .exam-code{padding:0 20px}
  #college-video.pdsssa-video-section{width:calc(100% - 20px);min-height:300px;padding:18px;margin:22px auto 36px}
  .video-square-1{width:220px;height:220px;left:-120px;top:-80px}.video-square-3{width:250px;height:250px;right:-130px;bottom:-120px}
  .video-frame{padding:5px}.video-frame video{max-height:320px}
}
@media(max-width:480px){
  .pdsssa-institution-inner{grid-template-columns:60px 1fr 60px}.pdsssa-logo-circle{width:45px;height:45px;flex-basis:45px}
  .pdsssa-college-title{font-size:14px}.pdsssa-college-subtitle{font-size:9px}
  .pdsssa-legacy-hero{min-height:500px}.pdsssa-legacy-inner{min-height:500px}.legacy-content h1{font-size:31px}.legacy-kicker{font-size:9px}.founder-circle{width:165px;height:165px}.founder-outer-square{width:195px;height:195px}
  .founder-caption{flex-direction:column;gap:3px}
  #college-video.pdsssa-video-section{min-height:230px;padding:12px}.video-frame video{max-height:230px}
}