:root{--navy:#081936;--navy2:#0d2b63;--blue:#16469a;--red:#b5122a;--red2:#ef4056;--gold:#b68a25;--ink:#172033;--muted:#64748b;--bg:#f4f7fb;--card:#fff;--line:#dbe3ef;--soft:#eef3f9;--shadow:0 18px 42px rgba(8,25,54,.09);--shadow-lg:0 28px 80px rgba(8,25,54,.18);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#07142c;color:#dbe8ff;font-size:13px}.topbar .container{padding:10px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar strong{color:#fff}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:14px;min-width:330px}.brand img{width:68px;height:68px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #e8eef6;box-shadow:0 10px 25px rgba(8,25,54,.12);padding:4px}.brand-title{display:block;color:var(--navy);font-weight:900;font-size:18px;line-height:1.15}.brand-subtitle{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-top:3px}.links{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800;color:#25324a}.links a{padding:9px 0;position:relative}.links a.active,.links a:hover{color:var(--navy)}.links a.active:after,.links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--red2))}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font-size:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer;transition:.2s;line-height:1.1}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,var(--red),var(--red2));color:#fff;box-shadow:0 14px 26px rgba(181,18,42,.22)}.btn-dark{background:linear-gradient(90deg,var(--navy),var(--blue));color:#fff;box-shadow:0 14px 26px rgba(8,25,54,.18)}.btn-light{background:#fff;color:var(--navy);border:1px solid rgba(255,255,255,.3)}.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--line)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(239,64,86,.25),transparent 24%),linear-gradient(135deg,#07142c 0%,#0b255c 55%,#16469a 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;opacity:.45}.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;padding:90px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.04em;margin:20px 0 18px}.hero p{font-size:18px;color:rgba(255,255,255,.86);max-width:720px;margin:0 0 28px}.hero-card{border-radius:32px;background:#fff;color:var(--ink);padding:24px;box-shadow:var(--shadow-lg)}.hero-card img{border-radius:24px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:#f6f9fd;border:1px solid var(--line);border-radius:20px;padding:18px}.stat strong{font-size:30px;color:var(--navy);display:block;line-height:1}.stat span{color:var(--muted);font-size:13px}.page-hero{background:linear-gradient(135deg,#07142c,#12377d);color:#fff;padding:62px 0;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at right top,rgba(239,64,86,.24),transparent 32%)}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 10px;letter-spacing:-.03em}.page-hero p{max-width:840px;margin:0;color:rgba(255,255,255,.84);font-size:17px}.section{padding:78px 0}.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head.center{text-align:center;display:block;max-width:820px;margin:0 auto 34px}.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--red)}.section-head h2,.feature h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.03em;margin:8px 0 0;color:var(--navy)}.section-head p{max-width:590px;color:var(--muted);margin:0}.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.hover{transition:.2s}.hover:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(8,25,54,.14)}.badge{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 9px;color:var(--navy);font-size:20px;line-height:1.25}.card p{margin:0;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag{display:inline-flex;background:#edf3ff;border:1px solid #d9e7ff;color:var(--navy);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-visual{background:linear-gradient(135deg,var(--navy),var(--blue));padding:34px;display:flex;align-items:center;justify-content:center;min-height:360px}.feature-visual img{border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.26)}.feature-content{padding:40px}.check{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.check li{display:flex;gap:10px;color:#334155}.check li:before{content:"✓";width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e9f7ef;color:#0f766e;display:grid;place-items:center;font-weight:900;font-size:13px}.cta{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:34px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:26px;box-shadow:var(--shadow-lg)}.cta h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0 0 10px}.cta p{margin:0;color:rgba(255,255,255,.84);max-width:720px}.filterbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filterbar button{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;cursor:pointer}.filterbar button.active,.filterbar button:hover{background:linear-gradient(90deg,var(--navy),var(--blue));color:#fff}.course-card[data-hidden="true"]{display:none}.announcement{display:grid;grid-template-columns:124px 1fr;gap:22px}.datebox{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:20px;padding:18px;text-align:center}.datebox strong{display:block;font-size:28px;line-height:1.05}.datebox span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.info-panel{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:28px;padding:30px;position:sticky;top:112px;box-shadow:var(--shadow-lg)}.info-panel p{color:rgba(255,255,255,.84)}.notice{border-left:5px solid var(--red);background:#fff7f8;border-radius:18px;padding:18px;color:#6c202c}.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-weight:900;color:#2b344a;font-size:14px}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fbfdff;outline:none}.field textarea{min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6684ce;box-shadow:0 0 0 4px rgba(102,132,206,.12)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.alert{display:none;margin-top:18px;padding:14px 16px;border-radius:14px;font-weight:800}.success{display:block;background:#ecfdf3;color:#0f684f;border:1px solid #c1ebd2}.error{display:block;background:#fff1f1;color:#9a1f1f;border:1px solid #f0c2c2}.faq-item{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.faq-q{padding:22px 24px;font-weight:900;color:var(--navy);display:flex;justify-content:space-between;cursor:pointer}.faq-a{padding:0 24px 24px;color:var(--muted);display:none}.faq-item.open .faq-a{display:block}.contact-card{display:flex;gap:16px}.contact-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;display:grid;place-items:center;font-weight:900}.footer{background:#07142c;color:#c8d7f5;padding:54px 0 24px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:14px}.footer-brand img{width:70px;height:70px;border-radius:50%;object-fit:contain;background:#fff;padding:5px}.footer h3,.footer strong{color:#fff}.footer ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.admin-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh;background:#f4f7fb}.admin-sidebar{background:#07142c;color:#dbe8ff;padding:24px;position:sticky;top:0;height:100vh}.admin-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}.admin-logo img{width:54px;height:54px;border-radius:50%;background:#fff;padding:4px}.admin-logo strong{color:#fff;line-height:1.15}.admin-menu{display:grid;gap:8px}.admin-menu a{padding:12px 14px;border-radius:14px;color:#dbe8ff;font-weight:800}.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.1);color:#fff}.admin-main{padding:30px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-top h1{margin:0;color:var(--navy)}.admin-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#eef3f9;color:var(--navy);font-weight:900}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf3ff;color:var(--navy);font-size:12px;font-weight:900}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07142c,#16469a)}.login-box{width:min(440px,92%);background:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow-lg)}.login-brand{text-align:center;margin-bottom:22px}.login-brand img{width:92px;height:92px;margin:0 auto 12px;border-radius:50%;object-fit:contain}.small{color:var(--muted);font-size:13px}.danger-link{color:#b5122a;font-weight:900}@media(max-width:980px){.hero-in,.feature,.form-shell,.footer-grid,.g4,.g3{grid-template-columns:1fr 1fr}.hero-in,.feature,.form-shell{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:10px}.links{display:none;position:absolute;left:0;right:0;top:96px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:16px 4%;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-menu{grid-template-columns:repeat(2,1fr)}.cta{display:block}.cta .btn{margin-top:20px}}@media(max-width:640px){.brand{min-width:auto}.brand img{width:58px;height:58px}.brand-title{font-size:16px}.brand-subtitle{font-size:10px}.hero-in{padding:58px 0}.section{padding:54px 0}.g2,.g3,.g4,.form-grid,.footer-grid,.stats,.admin-menu{grid-template-columns:1fr}.announcement{grid-template-columns:1fr}.admin-main{padding:18px}.cta{padding:28px;border-radius:24px}.form-card,.info-panel,.feature-content{padding:22px}}


/* Partner logo presentation */
.partner-card{display:flex;flex-direction:column;min-height:100%}.partner-logo-wrap{height:86px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f7f9fd);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:16px;margin-bottom:18px}.partner-logo{max-width:160px;max-height:54px;object-fit:contain}.partner-badge{margin-bottom:18px}.logo-preview{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:14px}.logo-preview img{max-width:180px;max-height:70px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px}.logo-cell img{width:86px;max-height:44px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}.mini-badge{display:inline-grid;place-items:center;min-width:44px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-weight:900;font-size:12px}.admin-card .small{margin-top:0}.partner-card h3{min-height:50px}
.logo-note{background:#eef6ff;border:1px solid #d6e9ff;color:#15356f;border-radius:16px;padding:14px;margin:14px 0;font-weight:700}

/* Academy → Category → Offered Course flow */
.academy-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.academy-tile{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);transition:.2s}.academy-tile:hover,.academy-tile.active{transform:translateY(-4px);border-color:rgba(181,18,42,.35);box-shadow:0 24px 58px rgba(8,25,54,.14)}.academy-tile.active{outline:3px solid rgba(181,18,42,.12)}.academy-tile .partner-logo-wrap{width:82px;height:64px;margin:0;flex:0 0 82px;border-radius:16px}.academy-logo{max-width:68px;max-height:42px;object-fit:contain}.academy-tile .partner-badge{margin:0;flex:0 0 58px}.academy-tile strong{display:block;color:var(--navy);font-size:15px;line-height:1.25}.academy-tile small{display:block;color:var(--muted);font-weight:800;margin-top:4px}.category-strip{display:flex;flex-wrap:wrap;gap:12px}.category-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font-weight:900;color:var(--navy);box-shadow:0 10px 22px rgba(8,25,54,.06)}.category-chip:hover,.category-chip.active{background:linear-gradient(90deg,var(--navy),var(--blue));color:#fff;border-color:transparent}.category-chip span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px}.course-offer-card{display:flex;flex-direction:column;min-height:100%}.course-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.course-top .badge{margin:0}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.course-meta span{display:inline-flex;background:#f5f7fb;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--navy);font-size:12px;font-weight:900}.process-box{margin-top:18px;background:#fff8f8;border:1px solid #f5d6dc;border-left:5px solid var(--red);border-radius:16px;padding:14px;color:#5c2931;font-size:14px}.course-actions{margin-top:auto;padding-top:20px}.empty-state{background:#fff;border:1px dashed #b8c7dd;border-radius:24px;padding:28px;color:var(--muted);font-weight:800;text-align:center}.table .small{color:var(--muted);font-size:12px}.admin-card ol{margin-top:12px}.admin-card ol li{margin:8px 0;color:#334155}
@media(max-width:980px){.academy-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.academy-list{grid-template-columns:1fr}.academy-tile{align-items:flex-start}.course-top{display:block}.course-top .pill{margin-top:10px}}


/* Enhanced homepage and admin customization */
.executive-card h3{margin:0 0 8px;color:var(--navy);font-size:22px}.executive-card p{color:var(--muted);margin:0}.stats-section{padding:26px 0;background:#fff;border-bottom:1px solid var(--line)}.pro-stats{grid-template-columns:repeat(4,1fr)}.partner-logo-wrap{height:72px;display:flex;align-items:center;margin-bottom:18px}.partner-logo{max-height:66px;max-width:160px;object-fit:contain}.partner-card{min-height:290px}.course-top,.course-meta,.activity-meta,.course-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.course-meta{margin-top:16px;color:var(--muted);font-size:13px}.course-actions{margin-top:18px;justify-content:flex-start}.activity-card img{height:170px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:16px}.activity-meta{justify-content:flex-start;margin-bottom:12px;color:var(--muted);font-size:13px}.announcement-mini h3{margin-top:12px}.toggle-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;font-weight:900;box-shadow:var(--shadow)}.toggle-card input{width:18px;height:18px}.bulkbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:14px 16px;background:#f7faff;border:1px solid var(--line);border-radius:16px;font-weight:900}.row-check,#selectAll{width:17px;height:17px}.admin-card h2{margin-top:0}.admin-card h3{color:var(--navy)}
@media(max-width:640px){.pro-stats{grid-template-columns:1fr 1fr}.bulkbar{display:block}.bulkbar .btn{margin-top:12px}}

/* Full customization manager */
.color-grid input[type="color"]{height:48px;padding:5px;cursor:pointer}.admin-card h3{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.admin-card h3:first-of-type{border-top:0;margin-top:0;padding-top:0}.toggle-card{min-height:62px}.footer-bottom span:last-child{font-weight:700}.links .btn{white-space:nowrap}.front-hidden-note{background:#fff8e6;border:1px solid #f0d38a;border-radius:14px;padding:12px;color:#5b4606;font-weight:700}


/* Enhanced Contact Page Manager styles */
.contact-grid .card{min-height:150px}.contact-hero-card{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.contact-main-content{padding:36px}.contact-main-content h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12;margin:10px 0 14px;color:var(--navy)}.contact-main-content p{color:var(--muted);margin:0}.contact-image-panel{background:linear-gradient(135deg,var(--navy),var(--blue));padding:28px;display:flex;flex-direction:column;justify-content:center}.contact-image-panel img{width:100%;max-height:360px;object-fit:cover;border-radius:22px;box-shadow:0 22px 54px rgba(0,0,0,.22);background:#fff}.contact-image-panel p{color:#e8efff;font-weight:800;margin:16px 0 0}.contact-detail-list{display:grid;gap:14px;margin-top:24px}.contact-detail-list div{background:#f7faff;border:1px solid var(--line);border-radius:18px;padding:16px}.contact-detail-list strong{display:block;color:var(--navy);margin-bottom:5px}.contact-detail-list span{color:var(--muted);font-weight:700}.guidelines-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.guidelines-card h2{margin:8px 0 0;color:var(--navy)}.map-card h2{margin-top:0;color:var(--navy)}.map-embed iframe{width:100%;min-height:360px;border:0;border-radius:18px}.map-embed{overflow:hidden;border-radius:18px;background:#f7faff}.admin-menu a[href="contact_page.php"]{position:relative}
@media(max-width:980px){.contact-hero-card,.guidelines-card{grid-template-columns:1fr}.contact-image-panel img{max-height:260px}}

.partner-link-card{color:inherit;text-decoration:none;position:relative}.partner-link-card:hover{text-decoration:none}.external-note{margin-top:auto;padding-top:16px;color:var(--accent);font-weight:900;font-size:13px;display:inline-flex;align-items:center;gap:6px}

.offer-card{position:relative;overflow:hidden}.offer-card .activity-img{height:160px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4ff;color:var(--navy);font-size:12px;font-weight:800}.bulkbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.admin-menu a[href="registration_items.php"]{background:rgba(255,255,255,.08)}


.notification-strip-section{padding:18px 0;background:#fff}.notification-strip{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-left:6px solid var(--red);background:#fff;border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.notification-strip strong{color:var(--navy);white-space:nowrap}.notification-strip div{display:flex;gap:10px;flex-wrap:wrap}.notification-strip a{background:#f5f7fb;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;color:var(--ink)}.course-new-badge{background:#fff0f3!important;color:var(--red)!important;border-color:#ffd3dc!important}.bulkbar,.actions{gap:10px;flex-wrap:wrap}.toggle-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-weight:800}.toggle-card input{margin-right:8px}@media(max-width:760px){.notification-strip{display:block}.notification-strip div{margin-top:12px}}



/* Course level and advanced filter panel */
.course-filter-panel{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.course-filter-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.course-filter-title strong{display:block;color:var(--navy);font-size:18px}.course-filter-title span{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-top:3px}.clear-filters{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#f7faff;color:var(--navy);font-weight:900;font-size:13px}.course-filter-form{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.4fr auto;gap:14px;align-items:end}.course-filter-form label{display:flex;flex-direction:column;gap:7px;color:var(--navy);font-weight:900;font-size:13px}.course-filter-form select,.course-filter-form input{width:100%;border:1px solid var(--line);background:#fbfdff;border-radius:14px;padding:12px 13px;font:inherit;color:var(--ink);outline:none}.course-filter-form select:focus,.course-filter-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,70,154,.12)}.level-quick-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px;color:var(--muted);font-weight:900}.level-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#f7faff;border-radius:999px;padding:7px 12px;color:var(--navy);font-weight:900;font-size:13px}.level-chip.active,.level-chip:hover{background:linear-gradient(90deg,var(--navy),var(--blue));border-color:transparent;color:#fff}.active-filter-summary{background:#fff8f8;border:1px solid #f5d6dc;border-left:5px solid var(--red);border-radius:16px;padding:14px 16px;margin-bottom:22px;color:#5c2931;font-weight:900}.level-meta{background:#edf3ff!important;color:var(--navy)!important;border-color:#d9e7ff!important}
@media(max-width:980px){.course-filter-form{grid-template-columns:1fr 1fr}.course-filter-form .btn{grid-column:1/-1}}
@media(max-width:640px){.course-filter-title{display:block}.clear-filters{margin-top:12px}.course-filter-form{grid-template-columns:1fr}.level-quick-row{align-items:flex-start}}


/* Registration UX upgrade: smart selection and above-the-fold form */
.registration-hero h1{max-width:980px}.registration-smart-section{padding-top:46px}.registration-workbench{display:grid;grid-template-columns:.86fr 1.34fr;gap:26px;align-items:start}.request-command{position:sticky;top:112px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.request-command h2{margin:8px 0 8px;color:var(--navy);font-size:clamp(26px,2.8vw,36px);line-height:1.12}.request-command p{margin:0 0 20px;color:var(--muted)}.request-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.request-tile{background:#f7faff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:left;cursor:pointer;transition:.2s;min-height:96px}.request-tile:hover,.request-tile.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,25,54,.16)}.request-tile span{display:inline-flex;border-radius:999px;background:#fff;color:var(--red);font-size:11px;font-weight:900;padding:4px 8px;margin-bottom:10px}.request-tile.active span,.request-tile:hover span{background:rgba(255,255,255,.16);color:#fff}.request-tile strong{display:block;font-size:13px;line-height:1.25}.offer-select-box{margin-top:18px;background:#fff8f8;border:1px solid #f4d8dd;border-radius:18px;padding:16px}.offer-select-box label{display:block;color:var(--navy);font-size:13px;font-weight:900;margin-bottom:8px}.offer-select-box select{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 13px;font:inherit;outline:none}.offer-select-box small{display:block;color:#7b5260;font-weight:700;margin-top:8px}.request-help-card{margin-top:18px;border-radius:18px;background:#f7faff;border:1px solid var(--line);padding:16px}.request-help-card strong{color:var(--navy)}.request-help-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:14px}.request-form-card{scroll-margin-top:132px;border-radius:30px}.form-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.form-heading-row h2{margin:8px 0 6px;color:var(--navy);font-size:clamp(26px,3vw,38px);line-height:1.1}.form-heading-row p{margin:0;color:var(--muted)}.selected-offer-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f7faff,#fff);border:1px solid var(--line);border-left:6px solid var(--red);border-radius:20px;padding:16px 18px;margin:0 0 16px}.selected-offer-banner span{display:block;color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.selected-offer-banner strong{display:block;color:var(--navy);font-size:18px;line-height:1.2;margin-top:3px}.selected-offer-banner small{display:block;color:var(--muted);font-weight:800;margin-top:4px}.selected-price{text-align:right;color:var(--navy);font-weight:900}.process-inline{background:#fff8f8;border:1px solid #f5d6dc;border-radius:16px;padding:14px 16px;color:#5c2931;margin-bottom:14px}.small-actions{margin-top:0;margin-bottom:18px}.request-offers-section{padding-top:54px}.compact-offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.compact-offer-card{display:flex;flex-direction:column;min-height:160px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);transition:.2s}.compact-offer-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(8,25,54,.14)}.compact-offer-card img{height:90px;width:100%;object-fit:cover;border-radius:16px;margin-bottom:12px}.compact-offer-card span{color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.compact-offer-card strong{color:var(--navy);font-size:16px;line-height:1.25;margin-top:6px}.compact-offer-card small{color:var(--muted);font-weight:800;margin-top:auto;padding-top:10px}@media(max-width:1050px){.registration-workbench{grid-template-columns:1fr}.request-command{position:relative;top:auto}.compact-offer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.request-quick-grid,.compact-offer-grid{grid-template-columns:1fr}.form-heading-row,.selected-offer-banner{display:block}.form-heading-row .btn{margin-top:12px}.selected-price{text-align:left;margin-top:12px}.request-command,.request-form-card{padding:22px}}


/* Student Support Upgrade */
.student-tools-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-card{display:flex;flex-direction:column;min-height:230px}.tool-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 26px rgba(8,25,54,.2);margin-bottom:16px}.tool-card h3{color:var(--navy);margin:0 0 8px}.tool-card p{color:var(--muted);margin:0}.student-service-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:34px}.student-service-hero h2{font-size:clamp(30px,4vw,46px);line-height:1.1;color:var(--navy);margin:8px 0 14px}.student-service-hero p{color:var(--muted);margin:0 0 20px}.student-service-panel{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:24px;padding:26px}.student-service-panel strong{font-size:20px}.student-service-panel ol{margin:14px 0 0;padding-left:20px}.student-service-panel li{margin:8px 0;color:#e7efff}.resource-card{display:flex;flex-direction:column}.resource-card img{width:100%;height:120px;object-fit:cover;border-radius:16px;margin-bottom:14px}.resource-card .btn{margin-top:auto}.two-col-support{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-head{margin-bottom:18px}.notice-list{display:grid;gap:12px}.notice-list a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;color:inherit;box-shadow:var(--shadow)}.notice-list a strong{display:block;color:var(--navy);margin-bottom:4px}.notice-list a span{display:block;color:var(--muted);font-weight:700}.track-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.track-form-card h2,.advisor-panel h2{color:var(--navy);font-size:clamp(28px,3vw,40px);line-height:1.12;margin:8px 0 10px}.track-info-card,.advisor-guide{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:26px;padding:26px;box-shadow:var(--shadow)}.track-info-card strong,.advisor-guide strong{font-size:20px}.track-info-card ul,.advisor-guide ol{margin:14px 0 0;padding-left:20px}.track-info-card li,.advisor-guide li{margin:8px 0;color:#e7efff}.request-status-list{display:grid;gap:14px}.request-status-card{display:grid;grid-template-columns:1fr .95fr;gap:20px;align-items:start}.request-status-card h3{color:var(--navy);margin:10px 0 6px}.status-details{display:grid;gap:6px;background:#f7faff;border:1px solid var(--line);border-radius:18px;padding:16px}.status-details span{color:var(--muted);font-weight:700}.advisor-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.advisor-panel{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:30px}.advisor-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}.admin-menu a[href="student_resources.php"]{position:relative}@media(max-width:980px){.student-service-hero,.two-col-support,.track-layout,.request-status-card,.advisor-layout{grid-template-columns:1fr}.advisor-form{grid-template-columns:1fr 1fr}.advisor-form .btn{grid-column:1/-1}}@media(max-width:640px){.student-service-hero,.advisor-panel{padding:22px}.advisor-form{grid-template-columns:1fr}}



/* Hero Background Manager */
.logo-preview img[alt="Hero background preview"]{width:260px;height:130px;object-fit:cover}.hero[style]{background-blend-mode:normal}.hero[style]:before{opacity:.32}.admin-card select{font:inherit;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fbfdff;outline:none}.admin-card input[type="number"]{font:inherit;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fbfdff;outline:none}.admin-card input[type="color"]{height:48px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}


/* Admin interface upgrade: scrollable/collapsible sidebar and cleaner management UI */
body.admin-page{background:#f3f6fb;overflow-x:hidden}.admin-layout{display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;min-height:100vh;background:#f3f6fb;transition:grid-template-columns .22s ease}.admin-sidebar{position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden;background:linear-gradient(180deg,#061328 0%,#081a3a 58%,#07142c 100%)!important;color:#dbe8ff!important;padding:18px 18px 20px!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.06);box-shadow:12px 0 30px rgba(8,25,54,.08);z-index:210}.admin-sidebar::-webkit-scrollbar{width:8px}.admin-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:20px}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32);border-radius:20px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.48)}.admin-logo{position:sticky;top:0;background:linear-gradient(180deg,#061328 65%,rgba(6,19,40,.92));z-index:2;margin:-18px -18px 14px!important;padding:18px!important;border-bottom:1px solid rgba(255,255,255,.1)}.admin-logo img{width:52px!important;height:52px!important}.admin-logo strong span{font-size:13px;color:#b8c7e7}.admin-collapse-btn{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:11px 12px;margin:0 0 14px;font-weight:900;cursor:pointer;text-align:left}.admin-collapse-btn:hover{background:rgba(255,255,255,.14)}.admin-menu{display:block!important;padding-bottom:18px}.admin-menu-section{margin:18px 4px 8px;color:#8fa3ca;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.admin-menu-section:first-child{margin-top:4px}.admin-nav-link,.admin-menu a{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:13px;color:#dbe8ff!important;font-weight:800!important;margin:3px 0;line-height:1.2;transition:.15s ease}.admin-nav-link:hover,.admin-nav-link.active,.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.12)!important;color:#fff!important;transform:translateX(2px)}.admin-nav-link.active{box-shadow:inset 4px 0 0 var(--red);background:rgba(255,255,255,.14)!important}.logout-link{color:#ffd9df!important}.admin-main{min-width:0!important;padding:26px 28px 36px!important}.admin-top{position:sticky;top:0;z-index:50;background:rgba(243,246,251,.92);backdrop-filter:blur(12px);border:1px solid rgba(219,227,239,.75);border-radius:22px;padding:14px 18px;margin:-4px 0 24px!important;box-shadow:0 12px 32px rgba(8,25,54,.06)}.admin-top>div{display:flex;align-items:center;gap:12px}.admin-top h1{font-size:26px;line-height:1.15}.desktop-toggle{display:inline-flex!important;width:42px;height:42px;padding:0!important;border-radius:14px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--navy)!important;font-size:20px!important;box-shadow:var(--shadow);align-items:center!important;justify-content:center!important}.admin-mobilebar{display:none}.admin-overlay{display:none}.sidebar-collapsed .admin-layout{grid-template-columns:0 minmax(0,1fr)!important}.sidebar-collapsed .admin-sidebar{transform:translateX(-100%);padding-left:0!important;padding-right:0!important;border:0;box-shadow:none}.sidebar-collapsed .admin-main{padding-left:28px!important}.admin-card{border-radius:22px!important}.table{display:block;overflow-x:auto;white-space:nowrap}.table tbody,.table thead,.table tr{width:100%}.form-grid{align-items:start}.admin-card .field input,.admin-card .field select,.admin-card .field textarea{background:#fff}.bulkbar{position:sticky;top:86px;z-index:25;background:#fff!important;box-shadow:0 10px 24px rgba(8,25,54,.06)}
@media(max-width:980px){.admin-mobilebar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:300;background:#07142c;color:#fff;padding:12px 16px;box-shadow:0 10px 24px rgba(8,25,54,.18)}.admin-mobilebar a{color:#fff;font-weight:800}.admin-sidebar-toggle{border:1px solid rgba(255,255,255,.2);background:#fff;color:#07142c;border-radius:12px;padding:9px 12px;font-weight:900}.admin-layout{display:block!important}.admin-sidebar{position:fixed!important;left:0;top:0!important;width:min(310px,86vw);transform:translateX(-100%);transition:transform .22s ease;z-index:400}.admin-sidebar.open{transform:translateX(0)}.admin-overlay{display:none;position:fixed;inset:0;background:rgba(3,10,26,.55);z-index:350}.admin-overlay.show{display:block}.admin-main{padding:18px!important}.admin-top{top:58px;margin-top:0!important;border-radius:18px}.desktop-toggle{display:none!important}.admin-collapse-btn{display:none}.sidebar-collapsed .admin-sidebar{transform:translateX(-100%)}.admin-top h1{font-size:22px}.table{font-size:14px}}@media(max-width:640px){.admin-main{padding:14px!important}.admin-card{padding:18px!important;border-radius:18px!important}.admin-top{display:block!important}.admin-top .pill{margin-top:8px}.admin-top>div{justify-content:space-between}.bulkbar{top:76px}.form-grid,.grid.g3,.grid.g4{grid-template-columns:1fr!important}}


/* Multi-user admin and access control */
.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e9f8f0;color:#0f684f;border:1px solid #bce8cf;padding:6px 10px;font-size:12px;font-weight:900}.muted-tag{background:#f1f5f9!important;color:#64748b!important;border-color:#dbe3ef!important}.role-box{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.role-box strong{display:block;color:var(--navy);margin-bottom:6px}.admin-card .notice{background:#f8fbff;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:18px;padding:16px;color:#25324a}.admin-card .notice strong{color:var(--navy)}


/* Professional Course Catalog Upgrade */
.course-offer-card{
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.course-offer-card:hover{
  transform:translateY(-4px);
}
.course-image-wrap{
  margin:-6px -6px 16px;
  height:174px;
  border-radius:20px;
  overflow:hidden;
  background:#eef3f9;
  border:1px solid var(--line);
  position:relative;
}
.course-image-wrap:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(6,22,51,.12));
  pointer-events:none;
}
.course-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.course-offer-card .course-image-wrap + .course-top{
  margin-top:4px;
}
.compact-course-card .course-image-wrap{
  height:112px;
}
.admin-course-thumb{
  width:88px;
  height:58px;
  object-fit:cover;
  border-radius:12px;
  border:1px solid var(--line);
  background:#f6f9fc;
}
.course-admin-preview{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f8fbff;
}
.course-admin-preview img{
  width:176px;
  height:100px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid var(--line);
}
.honeypot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.inline-action-form{display:inline}
.link-button{appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer;font-weight:900}
.logout-form{margin:0}
.logout-form .admin-nav-link{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}