:root{--primary:#ee6c2f;--primary-dark:#c94e17;--cream:#fff8f3;--dark:#17211d;--green:#315b49;--text:#26302b;--muted:#68736d;--line:#e7e9e6;--light:#f5f7f4;--white:#fff;--shadow:0 20px 60px rgba(25,35,29,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.win-container{width:min(1240px,calc(100% - 40px));margin:auto}.win-topbar{background:var(--dark);color:#dbe1dd;font-size:12px}.win-topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}.win-contact{display:flex;gap:22px}.win-contact a{opacity:.85}.win-top-message{color:#f3a47a;font-weight:700}.win-social{display:flex;gap:13px}.win-social a{opacity:.75}.win-navbar{height:84px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}.win-navbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.win-logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.6px;font-size:19px}.win-logo-slot{width:48px;height:48px;border-radius:15px;border:1.5px dashed #c8cdc8;display:grid;place-items:center;font-size:9px;color:#6c756f;text-align:center;padding:5px;line-height:1.1}.win-nav-list{list-style:none;margin:0;padding:0;display:flex;gap:25px;align-items:center}.win-nav-list a{font-size:13px;font-weight:700;color:#3e4842}.win-nav-list a:hover{color:var(--primary)}.win-nav-cta{background:var(--primary);color:#fff!important;padding:13px 18px;border-radius:10px}.win-menu-btn{display:none;border:0;background:var(--light);border-radius:10px;padding:12px;font-size:19px}.win-page-hero{background:var(--cream);padding:78px 0 72px;text-align:center}.win-kicker{color:var(--primary-dark);font-size:11px;letter-spacing:1.4px;font-weight:800}.win-page-hero h1{font-size:clamp(38px,6vw,66px);letter-spacing:-2.5px;margin:14px auto 0;max-width:850px;line-height:1.08}.win-page-hero p{color:var(--muted);max-width:700px;margin:18px auto 0;line-height:1.8}.win-section{padding:90px 0}.win-section-light{background:var(--light)}.win-heading{max-width:760px}.win-heading h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.1;margin:12px 0}.win-heading p,.win-copy{color:var(--muted);line-height:1.8}.win-btn{display:inline-flex;align-items:center;gap:9px;background:var(--primary);color:#fff;padding:14px 20px;border-radius:10px;border:0;font-weight:800;cursor:pointer}.win-btn:hover{background:var(--primary-dark)}.win-btn-alt{background:#fff;color:var(--text);border:1px solid var(--line)}.win-grid{display:grid;gap:22px}.win-grid-2{grid-template-columns:repeat(2,1fr)}.win-grid-3{grid-template-columns:repeat(3,1fr)}.win-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 5px 22px rgba(0,0,0,.025)}.win-card h3{margin:12px 0;font-size:20px}.win-card p{color:var(--muted);font-size:14px;line-height:1.7}.win-icon{width:46px;height:46px;border-radius:14px;background:#fff0e8;color:var(--primary);display:grid;place-items:center;font-weight:900}.win-hero{background:var(--cream);min-height:650px}.win-hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.win-hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.win-hero h1 span{color:var(--primary)}.win-hero p{color:var(--muted);line-height:1.8;max-width:590px;font-size:16px}.win-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.win-hero-photo{height:520px;border-radius:220px 220px 28px 28px;background:url('../../img/slider-1.jpg') center/cover no-repeat;position:relative}.win-hero-note{position:absolute;left:-30px;bottom:55px;background:#fff;padding:18px;border-radius:16px;width:210px;box-shadow:var(--shadow);font-size:13px}.win-empty{margin-top:35px;text-align:center;padding:58px 20px;border:1.5px dashed #d7ddd7;border-radius:22px;background:#fff}.win-empty h3{margin:8px 0}.win-empty p{color:var(--muted)}.win-form{max-width:850px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.win-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.win-field{display:grid;gap:7px}.win-field.full{grid-column:1/-1}.win-field label{font-size:12px;font-weight:800}.win-field input,.win-field select,.win-field textarea{width:100%;border:1px solid #dce1dc;border-radius:10px;padding:13px;background:#fff;font:inherit}.win-field textarea{min-height:120px}.win-footer{background:#121914;color:#cbd3ce;padding:65px 0 24px}.win-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.win-footer h4{color:#fff;margin:0 0 18px}.win-footer p,.win-footer a{font-size:13px;line-height:1.7}.win-footer-links{display:grid;gap:10px}.win-footer-bottom{border-top:1px solid #28342d;margin-top:40px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:12px}.win-result{margin-top:22px;padding:20px;border-radius:16px;background:#eef8f1;color:#175c3b}.win-error{margin-top:22px;padding:14px;border-radius:12px;background:#fff0f0;color:#9f2929}.win-cert{margin-top:25px;background:#fffdf6;border:12px solid #e4b94a;padding:35px;text-align:center;border-radius:8px}.win-cert .name{font-family:Georgia,serif;font-size:30px;color:#b78010;margin:18px}.win-table{width:100%;border-collapse:collapse}.win-table th,.win-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.win-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.win-admin-link{color:#f3a47a}@media(max-width:900px){.win-nav-list{display:none;position:absolute;top:84px;left:0;width:100%;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:flex-start}.win-nav-list.show{display:flex}.win-menu-btn{display:block}.win-top-message,.win-social{display:none}.win-hero-grid,.win-contact-grid{grid-template-columns:1fr}.win-hero-grid{padding:70px 0}.win-hero-photo{max-width:440px;width:100%;margin:auto}.win-grid-3{grid-template-columns:1fr 1fr}.win-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.win-container{width:calc(100% - 28px)}.win-contact{gap:10px;font-size:10px}.win-hero h1{font-size:48px}.win-hero-photo{height:400px}.win-hero-note{left:0;bottom:15px}.win-grid-2,.win-grid-3,.win-footer-grid,.win-form-grid{grid-template-columns:1fr}.win-field.full{grid-column:auto}.win-section{padding:68px 0}.win-footer-bottom{flex-direction:column}.win-navbar{height:76px}.win-navbar-inner{gap:10px}.win-nav-list{top:76px}.win-topbar-inner{min-height:36px}.win-cert{padding:20px}.win-cert .name{font-size:24px}}

.win-logo-image{width:auto;height:56px;max-width:180px;object-fit:contain;display:block;flex:0 0 auto}.win-logo{display:flex;align-items:center;gap:12px}@media(max-width:600px){.win-logo-image{height:46px;max-width:140px}}

/* ============================================================
   RESPONSIVE HARDENING – WINMINDS FINAL
   Covers mobile, tablet, landscape phones and narrow desktops.
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe,canvas,svg{max-width:100%}
.win-logo-image{min-width:0}
.win-nav-list{z-index:1100}
.win-menu-btn{cursor:pointer;line-height:1;min-width:46px;min-height:46px}
.win-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.win-form input,.win-form select,.win-form textarea,.win-field input,.win-field select,.win-field textarea{font-size:16px}

@media(max-width:1100px){
 .win-container{width:min(100% - 32px,1240px)}
 .win-nav-list{gap:16px}
 .win-nav-list a{font-size:12px}
 .win-page-hero{padding:64px 0}
 .win-hero-grid{gap:40px}
 .win-contact-grid{gap:35px}
 .win-footer-grid{gap:24px}
}

@media(max-width:900px){
 .win-topbar-inner{justify-content:center;text-align:center;padding:7px 0}
 .win-contact{justify-content:center;flex-wrap:wrap}
 .win-navbar{position:relative;top:auto;height:76px}
 .win-navbar-inner{position:relative}
 .win-logo{font-size:16px;max-width:calc(100% - 58px)}
 .win-logo-image{height:48px;max-width:155px}
 .win-menu-btn{display:grid;place-items:center;flex:0 0 auto}
 .win-nav-list{position:absolute;top:76px;left:0;right:0;width:100%;padding:12px 16px 18px;gap:0;box-shadow:0 14px 32px rgba(0,0,0,.12);max-height:calc(100vh - 76px);overflow:auto}
 .win-nav-list li{width:100%;border-bottom:1px solid #eef0ed}
 .win-nav-list li:last-child{border-bottom:0;margin-top:8px}
 .win-nav-list a{display:block;padding:13px 4px;font-size:14px}
 .win-nav-list .win-nav-cta{display:block;text-align:center;padding:13px 16px}
 .win-hero{min-height:auto}
 .win-hero-grid{min-height:auto;padding:58px 0 0}
 .win-hero-grid,.win-contact-grid{grid-template-columns:1fr}
 .win-hero-photo{order:2;height:min(62vw,520px);min-height:360px;margin-top:8px}
 .win-hero-note{left:12px;bottom:18px;max-width:calc(100% - 24px)}
 .win-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .win-section{padding:72px 0}
 .win-footer{padding-top:52px}
}

@media(max-width:680px){
 .win-container{width:calc(100% - 24px)}
 .win-topbar{font-size:10px}
 .win-topbar-inner{min-height:34px}
 .win-contact{gap:8px}
 .win-contact span{word-break:break-word}
 .win-page-hero{padding:50px 0}
 .win-page-hero h1{font-size:clamp(34px,11vw,50px);letter-spacing:-1.5px}
 .win-page-hero p{font-size:14px}
 .win-heading h2{font-size:clamp(30px,9vw,43px);letter-spacing:-1.3px}
 .win-hero h1{font-size:clamp(40px,12vw,58px);letter-spacing:-2px}
 .win-hero p{font-size:15px}
 .win-actions{display:grid;grid-template-columns:1fr;width:100%}
 .win-actions .win-btn{width:100%;justify-content:center}
 .win-btn{justify-content:center;min-height:48px}
 .win-hero-photo{height:115vw;min-height:330px;max-height:460px;border-radius:140px 140px 22px 22px}
 .win-hero-note{font-size:12px;padding:14px;width:auto}
 .win-section{padding:58px 0}
 .win-grid-2,.win-grid-3,.win-footer-grid,.win-form-grid{grid-template-columns:1fr}
 .win-card{padding:20px;border-radius:16px}
 .win-form{padding:18px 14px;border-radius:16px}
 .win-field.full{grid-column:auto}
 .win-contact-grid{gap:25px}
 .win-cert{border-width:7px;padding:18px 12px;overflow:hidden}
 .win-cert .name{font-size:clamp(22px,7vw,30px);overflow-wrap:anywhere}
 .win-cert h1,.win-cert h2,.win-cert h3{overflow-wrap:anywhere}
 .win-footer-grid{gap:30px}
 .win-footer-bottom{flex-direction:column;align-items:flex-start;line-height:1.6}
 .win-empty{padding:38px 14px}
}

@media(max-width:420px){
 .win-logo span{display:none}
 .win-logo-image{height:44px;max-width:170px}
 .win-menu-btn{min-width:44px;min-height:44px;padding:10px}
 .win-navbar{height:68px}
 .win-nav-list{top:68px}
 .win-page-hero{padding:42px 0}
 .win-hero-grid{padding-top:44px}
 .win-section{padding:48px 0}
 .win-card{padding:17px}
 .win-cert{padding:14px 8px}
}

/* FINAL MOBILE FIX: requires real viewport meta in header.php */
.win-site-header{width:100%;max-width:100vw}
.win-navbar-inner{min-width:0}
.win-logo{min-width:0;white-space:normal}
.win-logo span{min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){
  .win-navbar{position:sticky;top:0;z-index:2000}
  .win-navbar-inner{justify-content:space-between}
  .win-logo{font-size:17px;line-height:1.05;flex:1 1 auto}
  .win-logo-image{max-width:145px;height:46px}
  .win-menu-btn{display:grid;place-items:center;margin-left:auto;flex:0 0 46px}
  .win-nav-list{z-index:3000}
  .win-nav-list.show{display:flex!important}
}
@media (max-width:600px){
  body{font-size:16px}
  .win-topbar{display:block}
  .win-topbar-inner{padding:7px 0;min-height:36px}
  .win-contact{font-size:10px;line-height:1.35;text-align:center}
  .win-navbar{height:68px}
  .win-navbar-inner{height:68px}
  .win-nav-list{top:68px}
  .win-logo{font-size:15px;letter-spacing:-.3px}
  .win-logo-image{height:42px;max-width:125px}
  .win-hero-grid{padding:44px 0 0;gap:28px}
  .win-hero h1{font-size:clamp(38px,11vw,52px);line-height:1.05}
  .win-hero p{font-size:15px}
  .win-page-hero h1{font-size:clamp(32px,10vw,46px)}
}
@media (max-width:420px){
  .win-logo{font-size:14px}
  .win-logo span{max-width:180px}
  .win-hero-photo{min-height:320px;height:108vw}
}


/* GLAXDU-INSPIRED WINMINDS THEME — structure/routes remain unchanged */
:root{--primary:#f2b51d;--primary-dark:#d99b00;--cream:#f4f8fb;--dark:#0b3552;--green:#176d96;--text:#1a2c3c;--muted:#6c7d8b;--line:#e2e9ee;--light:#f4f7f9;--shadow:0 18px 50px rgba(11,53,82,.10)}
body{color:var(--text);background:#fff}.win-topbar{background:#092f4b;color:#dce9f0}.win-top-message{color:#f6c84c}.win-navbar{height:82px;border-bottom:1px solid #e5ebef;box-shadow:0 2px 12px rgba(9,47,75,.04)}.win-logo{color:#0b3552}.win-nav-list{gap:28px}.win-nav-list a{color:#263f53;font-weight:750}.win-nav-list a:hover{color:#176d96}.win-nav-cta{background:#f2b51d!important;color:#0b3552!important;border-radius:4px;padding:14px 21px;box-shadow:0 7px 18px rgba(242,181,29,.22)}.win-page-hero{background:#f4f8fb}.win-btn{background:#f2b51d;color:#0b3552;border-radius:4px}.win-btn:hover{background:#d99b00}.win-btn-alt{background:#fff;color:#0b3552;border:1px solid #dbe5eb;border-radius:4px}.win-card{border-radius:4px;box-shadow:0 10px 30px rgba(11,53,82,.07)}.win-icon{border-radius:4px;background:#eaf3f8;color:#176d96}.win-footer{background:#092f4b}.win-hero{background:#f4f8fb}.win-kicker{color:#176d96}.win-section-light{background:#f4f7f9}

/* ==========================================================
   WINMINDS PUBLIC WEBSITE — PREMIUM COURSE EXPERIENCE
   Visual-only layer. Existing PHP routes/data/functions remain intact.
   ========================================================== */
.win-page-hero{
  position:relative;overflow:hidden;padding:92px 0 82px;
  background:linear-gradient(135deg,#f6fbfd 0%,#edf6fa 55%,#fff9ea 100%);
  border-bottom:1px solid #e4edf2;
}
.win-page-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-210px;background:rgba(242,181,29,.14)}
.win-page-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-170px;bottom:-190px;background:rgba(23,109,150,.08)}
.win-page-hero>*{position:relative;z-index:1}
.win-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#16749c;text-transform:uppercase}
.win-page-hero h1{color:#0a3551;font-weight:900;letter-spacing:-2.8px}
.win-page-hero p{font-size:15px;color:#637787;max-width:760px}
.win-section{padding:86px 0}
.win-heading h2{color:#0b3552;font-weight:900}
.win-heading p,.win-copy{font-size:15px}
.win-btn{border-radius:8px;padding:13px 19px;background:linear-gradient(135deg,#efbd32,#dfa719);box-shadow:0 8px 18px rgba(222,167,25,.18);transition:transform .18s,box-shadow .18s}
.win-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(222,167,25,.23);background:linear-gradient(135deg,#f2c441,#d99c0e)}
.win-btn-alt{background:#fff!important;color:#0b3552!important;border:1px solid #dce7ed!important;box-shadow:none!important}
.win-card{border-radius:18px;border:1px solid #e1e9ee;box-shadow:0 14px 38px rgba(11,53,82,.07);transition:transform .2s,box-shadow .2s}
.win-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(11,53,82,.11)}
.win-icon{border-radius:12px;background:#eaf5f9;color:#16749c}

/* Course catalogue */
.course-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.course-catalog-card{border:1px solid #e0e8ed;border-radius:18px;background:#fff;box-shadow:0 13px 36px rgba(11,53,82,.075);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.course-catalog-card:hover{transform:translateY(-5px);box-shadow:0 23px 48px rgba(11,53,82,.12);border-color:#c9dce6}
.course-catalog-image{height:225px;background:#eaf1f4;transition:transform .35s;display:block}
.course-catalog-card:hover .course-catalog-image{transform:scale(1.025)}
.course-catalog-body{padding:22px;gap:11px}
.course-catalog-body h3{font-size:20px;line-height:1.25;color:#0d3550;letter-spacing:-.3px}
.course-catalog-body p{font-size:13px;line-height:1.7;color:#657785;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.course-catalog-meta{gap:7px}
.course-catalog-meta span{background:#f1f6f8;color:#3b6174;border:1px solid #e1ebef;border-radius:999px;padding:6px 10px;font-weight:700}
.course-catalog-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}
.course-catalog-actions .win-btn{flex:1;min-width:125px;text-align:center}

/* Course detail */
.course-detail-wrap{grid-template-columns:minmax(0,1.8fr) minmax(300px,.75fr);gap:24px}
.course-detail-card,.course-detail-side{border:1px solid #e0e8ed;border-radius:20px;box-shadow:0 15px 40px rgba(11,53,82,.075)}
.course-detail-card img{height:390px}
.course-detail-body{padding:30px}
.course-detail-body h1{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-2px;color:#0a3551;margin:7px 0 15px}
.course-detail-body h2{color:#0b3552;margin-top:30px;font-size:22px}
.course-detail-body p{font-size:15px;line-height:1.9;color:#637785}
.course-meta{margin:18px 0;gap:8px}
.course-meta span{background:#eef6f9;border:1px solid #dceaf0;color:#27546b;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}
.course-topics{padding-left:20px;color:#627582}.course-topics li{margin-bottom:8px;line-height:1.7}
.course-detail-side{padding:25px;position:sticky;top:105px;height:max-content;background:linear-gradient(180deg,#fff,#f9fcfd)}
.course-detail-side h3{font-size:22px;color:#0b3552}
.course-detail-side p{font-size:13px;color:#687b88;line-height:1.75}
.course-detail-side .win-btn{margin-top:12px}

/* Program duration columns */
.program-public-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.program-public-col{border:1px solid #dfe8ed;border-radius:18px;box-shadow:0 13px 34px rgba(11,53,82,.07);overflow:hidden;background:#fff}
.program-public-head{background:linear-gradient(135deg,#0a3551,#16749c);padding:20px 21px}
.program-public-head h2{font-size:22px;letter-spacing:-.4px}
.program-public-head span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.13)}
.program-public-item{padding:17px 14px}.program-public-item h3{color:#103a55;line-height:1.35}.program-public-item p{line-height:1.65;color:#687b88}.program-public-item .meta{color:#16749c;font-weight:800}.program-public-item .actions{gap:7px}

/* Forms / registration */
.win-form{border:1px solid #dfe8ed;border-radius:20px;box-shadow:0 16px 45px rgba(11,53,82,.08)}
.win-field input,.win-field select,.win-field textarea{border-color:#d9e4ea;border-radius:10px;transition:border-color .15s,box-shadow .15s}
.win-field input:focus,.win-field select:focus,.win-field textarea:focus{border-color:#16749c;box-shadow:0 0 0 4px rgba(22,116,156,.09);outline:0}

@media(max-width:1050px){
 .course-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .program-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .win-page-hero{padding:68px 0 60px}.win-section{padding:68px 0}
 .course-detail-wrap{grid-template-columns:1fr}.course-detail-side{position:static}.course-detail-card img{height:280px}.course-detail-body{padding:23px}
}
@media(max-width:620px){
 .course-catalog-grid,.program-public-grid{grid-template-columns:1fr}
 .course-catalog-image{height:205px}.course-catalog-body{padding:19px}.course-catalog-actions{display:grid;grid-template-columns:1fr}.course-catalog-actions .win-btn{width:100%}
 .course-detail-card img{height:225px}.course-detail-body h1{font-size:34px;letter-spacing:-1.3px}.course-detail-side{padding:20px}
}
/* A-Z redesign layer loaded after the base theme */