/* rc311 — admissions gateway + voucher tracking login */
.ngad309{
  position:relative;
  isolation:isolate;
  min-height:742px;
  overflow:hidden;
  padding:24px 24px 36px;
  background:
    linear-gradient(180deg,rgba(222,237,255,.82) 0%,rgba(241,247,255,.90) 44%,rgba(255,255,255,.98) 100%);
}
.ngad309-backdrop{
  position:absolute;inset:0;z-index:-3;
  background:
    linear-gradient(180deg,rgba(231,242,255,.60),rgba(255,255,255,.90) 75%),
    url('/public/assets/home/hero-industrial-leadership.jpg') center 44%/cover no-repeat;
  filter:saturate(.80) brightness(1.12);
  opacity:.62;
}
.ngad309::before,.ngad309::after{
  content:"";position:absolute;z-index:-2;pointer-events:none;border-radius:50%;
  filter:blur(3px)
}
.ngad309::before{width:560px;height:560px;left:-210px;top:118px;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.72) 70%)}
.ngad309::after{width:590px;height:590px;right:-220px;top:120px;background:radial-gradient(circle,rgba(255,255,255,.06),rgba(255,255,255,.76) 72%)}
.ngad309-shell{width:min(1150px,calc(100% - 18px));margin:0 auto}
.ngad310Intro{text-align:center;padding-top:0}
.ngad309-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 15px;border:1px solid rgba(111,73,233,.20);border-radius:999px;
  background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(69,48,132,.08);
  color:#7348de;font-size:11px;font-weight:900;letter-spacing:.18em
}
.ngad309-pill svg{width:19px;height:19px;fill:#7a4ae8}
.ngad310Intro h1{
  margin:12px 0 3px!important;
  font-size:clamp(38px,4.5vw,60px)!important;line-height:1!important;
  font-weight:900!important;letter-spacing:-.045em!important;color:#0b1730!important
}
.ngad310Intro h1::before,.ngad310Intro h1::after{display:none!important;content:none!important}
.ngad310Intro h1 em{
  font-style:normal;background:linear-gradient(90deg,#5638d8,#9856f4);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.ngad310Intro>p{margin:10px 0 14px;color:#60708a;font-size:16px;line-height:1.4}
.ngad309-trust{
  display:flex;justify-content:center;gap:56px;flex-wrap:wrap;margin:7px auto 18px
}
.ngad309-trust>div{display:flex;align-items:center;gap:10px;text-align:left}
.ngad309-trust i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;box-shadow:0 8px 20px rgba(27,56,102,.06)}
.ngad309-trust i svg{width:22px;height:22px;fill:currentColor}
.ngad309-trust .green{background:#dff7eb;color:#15a16c}
.ngad309-trust .blue{background:#e4efff;color:#377ae4}
.ngad309-trust .violet{background:#eee6ff;color:#7846e6}
.ngad309-trust strong{display:block;color:#11213c;font-size:13px}
.ngad309-trust small{display:block;margin-top:1px;color:#687892;font-size:11px}
.ngad309-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ngad310Panel{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 182px;
  min-height:365px;padding:25px 26px 76px;border:1px solid rgba(255,255,255,.85);
  border-radius:22px;overflow:hidden;
  box-shadow:0 22px 55px rgba(26,45,82,.10),inset 0 1px 0 rgba(255,255,255,.9)
}
.ngad310PanelNew{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,249,239,.94))}
.ngad310PanelTrack{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,242,255,.95))}
.ngad309-label{
  display:inline-flex;padding:5px 11px;border-radius:999px;
  font-size:10px;font-weight:900;letter-spacing:.055em
}
.ngad310PanelNew .ngad309-label{background:#fff0d9;color:#cf7209}
.ngad310PanelTrack .ngad309-label{background:#eee5ff;color:#7040d9}
.ngad310Panel h2{
  margin:10px 0 8px!important;font-size:31px!important;line-height:1.02!important;
  font-weight:900!important;letter-spacing:-.035em!important;color:#09162d!important
}
.ngad310Panel h2::before,.ngad310Panel h2::after{display:none!important;content:none!important}
.ngad310PanelCopy>p{max-width:330px;margin:0;color:#52627b;font-size:13px;line-height:1.48}
.ngad310Panel ul{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:8px}
.ngad310Panel li{display:flex;align-items:center;gap:8px;color:#33445e;font-size:12.5px}
.ngad310Panel li b{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;border-radius:50%;color:#fff;font-size:10px}
.ngad310PanelNew li b{background:#f1a10b}.ngad310PanelTrack li b{background:#6341dc}
.ngad309-action{
  position:absolute;left:26px;right:26px;bottom:22px;
  min-height:54px;display:flex;align-items:center;justify-content:center;gap:13px;
  border-radius:14px;text-decoration:none!important;font-size:15px;font-weight:900;
  box-shadow:0 14px 30px rgba(31,44,75,.13);transition:transform .18s ease,box-shadow .18s ease
}
.ngad309-action:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(31,44,75,.18)}
.ngad309-action svg{width:22px;height:22px;fill:currentColor}.ngad309-action b{font-size:22px}
.ngad309-action-new{background:linear-gradient(135deg,#f9a700,#ffc12d);color:#121a2b}
.ngad309-action-track{background:linear-gradient(135deg,#5234d8,#7d48ef);color:#fff}
.ngad309-art{position:relative;align-self:center;min-height:190px}
.ngad309-art-form::before,.ngad309-art-track::before{
  content:"";position:absolute;inset:10px -2px 5px 5px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,185,54,.32),rgba(255,185,54,0) 68%)
}
.ngad309-art-track::before{background:radial-gradient(circle,rgba(112,77,235,.28),rgba(112,77,235,0) 70%)}
.ngad309-sheet{
  position:absolute;left:22px;top:27px;width:126px;height:150px;
  border:1px solid rgba(122,115,205,.20);border-radius:18px;
  background:linear-gradient(160deg,#fff,#eceaff);
  box-shadow:0 22px 40px rgba(91,79,175,.16);transform:rotate(-2deg)
}
.ngad309-sheet .avatar{
  position:absolute;left:18px;top:25px;width:27px;height:27px;border-radius:50%;
  background:radial-gradient(circle at 48% 36%,#354fdf 0 25%,#5f6ff2 26% 48%,#d6d9ff 50%)
}
.ngad309-sheet i{position:absolute;left:54px;right:16px;height:8px;border-radius:999px;background:#cfd4fb}
.ngad309-sheet i:nth-of-type(1){top:30px}.ngad309-sheet i:nth-of-type(2){top:62px;left:19px}.ngad309-sheet i:nth-of-type(3){top:92px;left:19px}
.ngad309-plus{
  position:absolute;right:2px;bottom:24px;width:57px;height:57px;display:grid;place-items:center;
  border:5px solid rgba(255,255,255,.88);border-radius:50%;background:#f6a20a;color:white;
  font-size:34px;line-height:1;box-shadow:0 12px 24px rgba(218,139,7,.28)
}
.ngad309-window{
  position:absolute;left:4px;top:28px;width:150px;height:148px;
  border:1px solid rgba(105,75,215,.18);border-radius:15px;background:linear-gradient(180deg,#fff,#f7f5ff);
  box-shadow:0 22px 40px rgba(86,67,178,.16);overflow:hidden
}
.ngad309-window .top{height:32px;display:flex;align-items:center;gap:5px;padding:0 10px;background:linear-gradient(90deg,#6443dc,#8453ef)}
.ngad309-window .top i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.72)}
.ngad309-window>span{display:flex;align-items:center;gap:6px;margin:9px 11px 0;color:#55637a;font-size:8px}
.ngad309-window>span b{width:7px;height:7px;border-radius:50%}
.ngad309-window .s1{background:#25ba7d}.ngad309-window .s2{background:#4787ee}.ngad309-window .s3{background:#f4ad21}.ngad309-window .s4{background:#777d94}
.ngad309-search{
  position:absolute;right:4px;bottom:23px;width:66px;height:66px;border:9px solid #5d43dc;border-radius:50%;
  box-shadow:0 10px 20px rgba(61,45,155,.25)
}
.ngad309-search::after{
  content:"";position:absolute;width:42px;height:13px;right:-33px;bottom:-18px;border-radius:999px;
  background:linear-gradient(90deg,#4e34c5,#684be5);transform:rotate(47deg);transform-origin:left center
}
.ngad309-search i{position:absolute;inset:7px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(139,122,240,.18))}
.ngad309-draft{
  display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;
  margin-top:16px;padding:12px 17px;border:1px solid rgba(166,191,231,.56);border-radius:15px;
  background:rgba(247,251,255,.84);box-shadow:0 10px 28px rgba(41,67,108,.07);backdrop-filter:blur(10px)
}
.ngad309-info{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e2efff;color:#256bd9;font-weight:900}
.ngad309-draft strong{display:block;color:#1a2a44;font-size:12.5px}
.ngad309-draft p{margin:2px 0 0;color:#5f6f88;font-size:11.5px}
.ngad309-draft>a{
  padding:10px 15px;border:1px solid #6b56e3;border-radius:10px;background:#fff;color:#4c3bc1;
  text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(79,59,187,.08)
}
.ngad309-draft>a span{margin-left:6px}
.ngad309-side{
  position:absolute;top:73px;z-index:-1;display:grid;color:rgba(63,89,135,.58);
  font-family:"Segoe Script","Bradley Hand",cursive;font-size:21px;line-height:1.2;transform:rotate(-7deg)
}
.ngad309-side i{width:86px;height:3px;margin:8px 0 0 28px;background:#f1ad0c;transform:rotate(-8deg)}
.ngad309-side-left{left:6.4%}.ngad309-side-right{right:5.8%;transform:rotate(-7deg);text-align:right}
.ngad309-side-right i{margin-left:auto;margin-right:17px}

@media(max-width:1100px){
  .ngad309-side{display:none}
  .ngad310Panel{grid-template-columns:1fr 145px}
  .ngad309-trust{gap:28px}
}
@media(max-width:820px){
  .ngad309{padding:28px 14px 34px}
  .ngad309-shell{width:100%}
  .ngad309-grid{grid-template-columns:1fr}
  .ngad310Panel{min-height:350px}
  .ngad309-trust{justify-content:flex-start;max-width:560px}
}
@media(max-width:560px){
  .ngad310Intro{text-align:left}
  .ngad310Intro h1{font-size:38px!important}
  .ngad309-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ngad310Panel{display:block;min-height:auto;padding:22px 20px 90px}
  .ngad309-art{display:none}
  .ngad310Panel h2{font-size:28px!important}
  .ngad309-action{left:20px;right:20px}
  .ngad309-draft{grid-template-columns:36px 1fr}
  .ngad309-draft>a{grid-column:1/-1;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ngad309-action{transition:none!important}}


/* rc310: neutralize legacy broad public selectors that target "*-hero" / "*-card". */
.ngad309 .ngad310Intro{
  position:relative!important;
  display:block!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding-top:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ngad309 .ngad310Intro::before,
.ngad309 .ngad310Intro::after{
  content:none!important;
  display:none!important;
}
.ngad309 .ngad310Panel{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 182px!important;
  min-height:365px!important;
  margin:0!important;
  padding:25px 26px 76px!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 22px 55px rgba(26,45,82,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.ngad309 .ngad310Panel::before,
.ngad309 .ngad310Panel::after{
  content:none!important;
  display:none!important;
}
.ngad309 .ngad310PanelNew{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,249,239,.94))!important;
}
.ngad309 .ngad310PanelTrack{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,242,255,.95))!important;
}
@media(max-width:1100px){
  .ngad309 .ngad310Panel{grid-template-columns:1fr 145px!important}
}
@media(max-width:820px){
  .ngad309 .ngad310Panel{min-height:350px!important}
}
@media(max-width:560px){
  .ngad309 .ngad310Panel{
    display:block!important;
    min-height:auto!important;
    padding:22px 20px 90px!important;
  }
}


/* rc311 — secure voucher-based application tracking */
.ngat311{
  min-height:68vh;
  padding:46px 18px 68px;
  background:
    radial-gradient(circle at 20% 5%,rgba(109,79,224,.10),transparent 31%),
    radial-gradient(circle at 82% 18%,rgba(248,176,25,.10),transparent 28%),
    linear-gradient(180deg,#f6f9fd,#ffffff 72%);
}
.ngat311-shell{width:min(680px,100%);margin:0 auto}
.ngat311-back{display:inline-flex;margin-bottom:20px;color:#5c43bf;text-decoration:none;font-size:13px;font-weight:800}
.ngat311-head{text-align:center;margin-bottom:22px}
.ngat311-icon{
  width:52px;height:52px;display:grid;place-items:center;margin:0 auto 12px;
  border-radius:16px;background:linear-gradient(145deg,#eee8ff,#f8f5ff);
  box-shadow:0 10px 24px rgba(80,52,179,.12)
}
.ngat311-icon svg{width:26px;height:26px;fill:#6844dc}
.ngat311-head>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#7049d8}
.ngat311-head h1{
  margin:8px 0 8px!important;font-size:clamp(30px,5vw,43px)!important;
  line-height:1.08!important;letter-spacing:-.035em!important;color:#101c34!important
}
.ngat311-head h1::before,.ngat311-head h1::after{display:none!important;content:none!important}
.ngat311-head p{max-width:560px;margin:0 auto;color:#67758b;font-size:14px;line-height:1.6}
.ngat311-alert{
  margin-bottom:14px;padding:12px 14px;border:1px solid #efc3c3;border-radius:11px;
  background:#fff5f5;color:#a23f3f;font-size:13px;font-weight:700
}
.ngat311-card{
  overflow:hidden;border:1px solid #e0e5ee;border-radius:20px;background:#fff;
  box-shadow:0 20px 55px rgba(29,43,70,.09)
}
.ngat311-card form{display:grid;gap:18px;padding:27px}
.ngat311-card label>span{display:block;margin-bottom:7px;color:#26364f;font-size:13px;font-weight:850}
.ngat311-input{
  display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px;
  border:1px solid #d9e0eb;border-radius:12px;background:#fbfcfe;
  transition:border-color .16s ease,box-shadow .16s ease
}
.ngat311-input:focus-within{border-color:#7451dc;box-shadow:0 0 0 3px rgba(116,81,220,.11)}
.ngat311-input svg{width:21px;height:21px;flex:0 0 21px;fill:#7558cf}
.ngat311-input input{
  width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;
  box-shadow:none!important;color:#15233b;font-size:16px;font-weight:750;letter-spacing:.03em
}
.ngat311-card label>small{display:block;margin-top:7px;color:#818c9d;font-size:11.5px;line-height:1.45}
.ngat311-card form>button{
  min-height:54px;display:flex;align-items:center;justify-content:center;gap:11px;
  border:0;border-radius:12px;background:linear-gradient(135deg,#5133cf,#7d4aed);
  color:#fff;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 13px 28px rgba(80,50,192,.22)
}
.ngat311-card form>button svg{width:21px;height:21px;fill:currentColor}
.ngat311-card form>button b{font-size:20px}
.ngat311-help{
  display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #edf0f4;background:#fafbfe
}
.ngat311-help>div{padding:17px 19px}
.ngat311-help>div+div{border-left:1px solid #edf0f4}
.ngat311-help strong{display:block;color:#2d3a50;font-size:12px}
.ngat311-help p{margin:4px 0 0;color:#748094;font-size:11.5px;line-height:1.5}
.ngat311-security{text-align:center;margin:13px 0 0;color:#7a8698;font-size:11.5px}
@media(max-width:560px){
  .ngat311{padding:30px 14px 52px}
  .ngat311-head{text-align:left}
  .ngat311-icon{margin-left:0}
  .ngat311-card form{padding:21px}
  .ngat311-help{grid-template-columns:1fr}
  .ngat311-help>div+div{border-left:0;border-top:1px solid #edf0f4}
}