/* =========================================================
   EDU NAVY BRAND THEME - #0B1426
   Applied by ChatGPT for production upload
   ========================================================= */
:root{
  --primary:#0B1426 !important;
  --primary-color:#0B1426 !important;
  --brand:#0B1426 !important;
  --edu-brand:#0B1426 !important;
  --blue:#0B1426 !important;
  --cyan:#152238 !important;
  --primary-dark:#070D18 !important;
  --primary-light:#152238 !important;
  --edu-gradient:linear-gradient(135deg,#0B1426,#152238) !important;
  --shadow-brand:0 18px 45px rgba(11,20,38,.20) !important;
}

/* Primary surfaces — solid brand (LinkedIn-style: brand on actions only) */
.btn-primary, .primary-btn, .hero-btn, .subscribe-btn,
.package-btn, .auth-one-btn{
  background:#0B1426 !important;
  border-color:#0B1426 !important;
  color:#fff !important;
}

/* Text links and active states */
.text-primary, .course-price, .highlight, .active-link,
a:not(.btn):not(.primary-btn):not(.hero-btn):not(.subscribe-btn):hover,
.nav a.active, .edu-nav a.active,
.profile-side-card a i,
.profile-gateway-card i,
.row strong{
  color:#0B1426 !important;
}

/* Primary CTAs only — not social/toolbar/filter buttons */
.btn-primary, .primary-btn, .hero-btn, .subscribe-btn,
.package-btn, .auth-one-btn, .auth-submit-pro,
.edu-btn.primary, button.edu-btn.primary, a.edu-btn.primary,
button.auth-submit, input.auth-submit[type="submit"],
.settings-app__btn--primary, .community-action--primary,
.pwa-install-card button{
  background:#0B1426 !important;
  border-color:#0B1426 !important;
  color:#fff !important;
}
.btn-primary:hover, .primary-btn:hover, .hero-btn:hover, .subscribe-btn:hover,
.package-btn:hover, .auth-one-btn:hover, .auth-submit-pro:hover,
.edu-btn.primary:hover, button.edu-btn.primary:hover, a.edu-btn.primary:hover,
button.auth-submit:hover, .community-action--primary:hover{
  background:#070D18 !important;
  border-color:#070D18 !important;
  color:#fff !important;
}

/* Mobile icons must be white */
.mobile-bottom-nav i,
.bottom-nav i,
.mobile-nav i,
.mobile-menu i,
.mobile-menu-toggle i,
.clean-edu-header i,
.portal-top i,
.nav-icon,
.bottom-nav .nav-icon,
.mobile-bottom-nav .nav-icon,
.mobile-tab i,
.fixed-bottom-nav i{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* Mobile bottom navigation purple background and white icons */
.mobile-bottom-nav, .bottom-nav, .mobile-nav, .fixed-bottom-nav{
  background:#0B1426 !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 -12px 30px rgba(11,20,38,.25) !important;
}
.mobile-bottom-nav a,
.bottom-nav a,
.mobile-nav a,
.fixed-bottom-nav a,
.mobile-bottom-nav span,
.bottom-nav span,
.mobile-nav span{
  color:#ffffff !important;
}
.mobile-bottom-nav a.active,
.bottom-nav a.active,
.mobile-nav a.active,
.fixed-bottom-nav a.active{
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
}

/* Mobile menu drawer */
.nav.open, .edu-nav.open, .mobile-menu-panel.open, .mobile-drawer.open{
  background:#0B1426 !important;
  color:#ffffff !important;
}
.nav.open a, .edu-nav.open a, .mobile-menu-panel.open a, .mobile-drawer.open a{
  color:#ffffff !important;
}
.nav.open a i, .edu-nav.open a i, .mobile-menu-panel.open a i, .mobile-drawer.open a i{
  color:#ffffff !important;
}

/* Make hero text white */
.hero *, .hero-section *, .main-hero *, .portal-hero *, .student-profile-hero *,
.profile-edit-hero *, .pricing-hero *, .auth-hero *, .kids-hero *,
.top-banner *, .app-hero *, .course-hero *, .subscription-hero *, .welcome-card *{
  color:#ffffff !important;
}
.hero p, .hero-section p, .main-hero p, .portal-hero p,
.student-profile-hero p, .profile-edit-hero p, .pricing-hero p,
.auth-hero p, .kids-hero p, .top-banner p, .app-hero p,
.course-hero p, .subscription-hero p{
  color:rgba(255,255,255,.92) !important;
}

/* Forms focus */
input:focus, select:focus, textarea:focus{
  border-color:#0B1426 !important;
  box-shadow:0 0 0 4px rgba(11,20,38,.12) !important;
  outline:none !important;
}

/* Replace common blue utility classes */
[style*="#0B1426"], [style*="#0B1426"], [style*="#152238"], [style*="#070D18"], [style*="#0B1426"]{
  color:inherit;
}

/* Admin side icons: keep visible and consistent */
.sidebar i, .side i, .admin-sidebar-collapsible i{
  color:#ffffff !important;
}
.sidebar a.active i, .side a.active i, .admin-sidebar-collapsible a.active i{
  color:#0B1426 !important;
}

/* =========================================================
   FINAL MOBILE HOME / COURSE CARD / CATEGORIES / FOOTER FIX
   Request: better homepage, uncompressed course cards, 3 categories per row,
   improved mobile footer while keeping purple #0B1426 theme.
   ========================================================= */

/* Keep mobile header clean instead of a heavy purple block */
@media (max-width: 760px){
  .portal-top.clean-edu-header,
  .clean-edu-header,
  .mobile-header{
    background:#ffffff !important;
    background-image:none !important;
    border-bottom:1px solid #E8E8E8 !important;
    box-shadow:0 12px 28px rgba(11,20,38,.08) !important;
  }
  .clean-edu-header .edu-text-brand,
  .clean-edu-header .brand{
    color:#0B1426 !important;
  }
  .clean-edu-header .mobile-menu{
    background:#0B1426 !important;
    color:#fff !important;
    border:0 !important;
  }
  .clean-edu-header .mobile-menu i{
    color:#fff !important;
  }
}

/* Homepage hero becomes lighter, cleaner and more premium */
.home-premium-hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(11,20,38,.14), transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#F3F2EF 48%,#F3F2EF 100%) !important;
  border:1px solid #D8DEE8 !important;
  box-shadow:0 24px 70px rgba(11,20,38,.10) !important;
}
.home-premium-hero .hero-copy h1{
  color:#191919 !important;
}
.home-premium-hero .hero-copy p{
  color:#666666 !important;
}
.home-premium-hero .badge,
.home-premium-hero .hero-trust span{
  color:#0B1426 !important;
  background:#fff !important;
  border:1px solid #E0E0E0 !important;
}
.learning-card-main{
  border:1px solid #D8DEE8 !important;
  box-shadow:0 28px 70px rgba(11,20,38,.14) !important;
}

@media (max-width: 760px){
  .home-premium-hero{
    padding:24px 18px !important;
    border-radius:30px !important;
    margin:14px 0 26px !important;
    background:linear-gradient(180deg,#ffffff 0%,#F3F2EF 60%,#F3F2EF 100%) !important;
  }
  .home-premium-hero .hero-copy h1{
    font-size:29px !important;
    line-height:1.35 !important;
    color:#191919 !important;
  }
  .home-premium-hero .hero-copy p{
    font-size:14.5px !important;
    line-height:1.9 !important;
    color:#666666 !important;
  }
  .hero-cta .btn{
    border-radius:18px !important;
  }
  .hero-card-stack{
    min-height:auto !important;
    transform:none !important;
  }
  .learning-card-main{
    transform:none !important;
    padding:20px !important;
    border-radius:26px !important;
  }
}

/* Categories: exactly 3 per row on phones */
@media (max-width: 760px){
  .category-pill-grid,
  .courses-cats,
  .categories,
  .category-grid,
  .categories-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:9px !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .category-pill-grid a,
  .courses-cats a,
  .categories .cat,
  .category-grid a,
  .categories-grid a{
    min-width:0 !important;
    width:100% !important;
    min-height:86px !important;
    padding:10px 6px !important;
    border-radius:18px !important;
    text-align:center !important;
    display:grid !important;
    place-items:center !important;
    gap:6px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    background:#fff !important;
    color:#21132f !important;
    border:1px solid #e9dcff !important;
    box-shadow:0 10px 24px rgba(11,20,38,.06) !important;
  }
  .category-pill-grid a i,
  .courses-cats a i,
  .categories .cat i,
  .category-grid a i,
  .categories-grid a i{
    width:36px !important;
    height:36px !important;
    border-radius:14px !important;
    background:#F3F2EF !important;
    color:#0B1426 !important;
    border:0 !important;
    font-size:15px !important;
  }
}

@media (max-width: 380px){
  .category-pill-grid,
  .courses-cats,
  .categories,
  .category-grid,
  .categories-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .category-pill-grid a,
  .courses-cats a,
  .categories .cat,
  .category-grid a,
  .categories-grid a{
    min-height:78px !important;
    font-size:10.5px !important;
  }
}

/* Homepage course card: no more compressed layout on mobile */
@media (max-width: 760px){
  .courses-list-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
  }
  .courses-list-grid .course-wide-card,
  .home-section .course-wide-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:12px !important;
    border-radius:26px !important;
    background:#fff !important;
    border:1px solid #D8DEE8 !important;
    box-shadow:0 16px 38px rgba(11,20,38,.10) !important;
    gap:12px !important;
  }
  .courses-list-grid .course-wide-img,
  .home-section .course-wide-img{
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    border-radius:22px !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .courses-list-grid .course-wide-body,
  .home-section .course-wide-body{
    padding:2px 4px !important;
  }
  .courses-list-grid .course-wide-body h3,
  .home-section .course-wide-body h3{
    font-size:20px !important;
    line-height:1.45 !important;
    margin:8px 0 !important;
    color:#191919 !important;
  }
  .courses-list-grid .course-wide-body p,
  .home-section .course-wide-body p{
    font-size:14px !important;
    line-height:1.75 !important;
    color:#6b6078 !important;
    -webkit-line-clamp:3 !important;
  }
  .courses-list-grid .course-wide-action,
  .home-section .course-wide-action{
    grid-column:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    margin-top:0 !important;
  }
  .courses-list-grid .course-wide-action .btn,
  .home-section .course-wide-action .btn{
    width:100% !important;
    min-height:50px !important;
    border-radius:18px !important;
    font-size:15px !important;
  }
}

/* Course catalogue cards also breathe better on small screens */
@media (max-width: 760px){
  .premium-course-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:auto !important;
    border-radius:26px !important;
  }
  .premium-course-image{
    width:100% !important;
    height:188px !important;
    min-height:188px !important;
  }
  .premium-course-body{
    padding:18px !important;
  }
  .premium-course-body h3{
    font-size:20px !important;
  }
  .premium-course-footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .premium-course-footer .btn{
    width:100% !important;
    min-height:50px !important;
  }
}

/* Footer mobile redesign */
@media (max-width: 760px){
  .edu-footer,
  .portal-footer,
  footer.edu-footer{
    margin-top:30px !important;
    padding:28px 0 112px !important;
    border-radius:32px 32px 0 0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#F3F2EF 100%) !important;
    border-top:1px solid #D8DEE8 !important;
    box-shadow:0 -18px 44px rgba(11,20,38,.08) !important;
  }
  .footer-top,
  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding-inline:14px !important;
  }
  .footer-brand{
    background:#fff !important;
    border:1px solid #D8DEE8 !important;
    border-radius:26px !important;
    padding:20px !important;
    box-shadow:0 12px 32px rgba(11,20,38,.07) !important;
  }
  .footer-brand h2{
    font-size:36px !important;
    color:#0B1426 !important;
    margin-bottom:8px !important;
  }
  .footer-brand p,
  .edu-footer p{
    color:#6b6078 !important;
    line-height:1.9 !important;
    font-size:14px !important;
  }
  .edu-footer h3,
  .portal-footer h3{
    color:#191919 !important;
    font-size:17px !important;
    margin:0 0 10px !important;
  }
  .edu-footer a:not(.store-badge),
  .portal-footer a:not(.store-badge){
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    color:#4a3d5f !important;
    font-weight:850 !important;
    border-bottom:1px solid #f1eaff !important;
  }
  .social-icons{
    justify-content:flex-start !important;
  }
  .social-icons a{
    width:42px !important;
    height:42px !important;
    border-radius:16px !important;
    background:#0B1426 !important;
    color:#fff !important;
    border:0 !important;
  }
  .social-icons a i{
    color:#fff !important;
  }
  .store-badges{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .store-badge{
    width:100% !important;
    justify-content:center !important;
    border-radius:18px !important;
    min-height:54px !important;
  }
  .footer-bottom{
    margin:18px 14px 0 !important;
    padding-top:14px !important;
    color:#6b6078 !important;
    font-size:12px !important;
    text-align:center !important;
  }
}

/* Bottom navigation: icons white, text black as previously requested */
@media (max-width:760px){
  .bottom-nav.app-bottom-nav,
  .bottom-nav,
  .app-bottom-nav{
    background:#ffffff !important;
    border:1px solid #D8DEE8 !important;
    box-shadow:0 18px 45px rgba(11,20,38,.18) !important;
  }
  .bottom-nav.app-bottom-nav a,
  .bottom-nav a,
  .app-bottom-nav a,
  .bottom-nav span,
  .app-bottom-nav span{
    color:#0B1426 !important;
  }
  .bottom-nav.app-bottom-nav a i,
  .bottom-nav a i,
  .app-bottom-nav a i{
    color:#ffffff !important;
    background:#0B1426 !important;
    width:30px !important;
    height:30px !important;
    border-radius:12px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 3px !important;
  }
  .bottom-nav.app-bottom-nav a.active-mobile-tab,
  .bottom-nav a.active-mobile-tab,
  .app-bottom-nav a.active-mobile-tab{
    background:#F3F2EF !important;
    color:#0B1426 !important;
  }
}

/* =========================================================
   FINAL REQUEST PATCH - hero white text, courses page, footer,
   instructor banner, professional mobile menu, hide notification button
   ========================================================= */
:root{--brand:#0B1426!important;--brand-2:#152238!important;--brand-dark:#070D18!important;--brand-soft:#F3E8FF!important;}

/* Replace any visual blue with the main purple */
[style*="#0D47A1"],[style*="#0d47a1"],[style*="#2563eb"],[style*="#2563EB"],[style*="#3b82f6"],[style*="#3B82F6"],[style*="#1d4ed8"],[style*="#1D4ED8"]{border-color:#0B1426!important;}

/* Hero sections: bold title and description must be white */
.home-premium-hero,
.courses-premium-hero,
.course-detail-hero,
.portal-hero,
.main-hero,
.hero-section,
.pricing-hero,
.instructor-join-banner{
  background:linear-gradient(135deg,#070D18 0%,#0B1426 58%,#152238 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 24px 64px rgba(11,20,38,.26)!important;
  position:relative!important;
  overflow:hidden!important;
}
.home-premium-hero:before,
.courses-premium-hero:before,
.course-detail-hero:before,
.instructor-join-banner:before{
  content:"";position:absolute;inset:-90px auto auto -70px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none;
}
.home-premium-hero:after,
.courses-premium-hero:after,
.course-detail-hero:after,
.instructor-join-banner:after{
  content:"";position:absolute;inset:auto -90px -110px auto;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none;
}
.home-premium-hero h1,.home-premium-hero h2,.home-premium-hero h3,
.courses-premium-hero h1,.courses-premium-hero h2,.courses-premium-hero h3,
.course-detail-hero h1,.course-detail-hero h2,.course-detail-hero h3,
.portal-hero h1,.portal-hero h2,.portal-hero h3,
.main-hero h1,.main-hero h2,.main-hero h3,
.hero-section h1,.hero-section h2,.hero-section h3,
.pricing-hero h1,.pricing-hero h2,.pricing-hero h3,
.instructor-join-banner h1,.instructor-join-banner h2,.instructor-join-banner h3{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.12)!important;
}
.home-premium-hero p,.home-premium-hero .hero-copy p,
.courses-premium-hero p,.course-detail-hero p,
.portal-hero p,.main-hero p,.hero-section p,.pricing-hero p,.instructor-join-banner p{
  color:rgba(255,255,255,.92)!important;
  font-weight:800!important;
}
.home-premium-hero .badge,.courses-premium-hero .badge,.course-detail-hero .badge,.instructor-join-banner .badge,
.home-premium-hero .hero-trust span{
  color:#fff!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.25)!important;
}
.home-premium-hero .hero-copy,.courses-premium-hero>div,.course-detail-hero>div,.instructor-join-banner>div{position:relative!important;z-index:1!important;}
.home-premium-hero .btn.soft,.home-premium-hero .transparent-btn,
.instructor-join-banner .btn.soft,.instructor-join-banner .transparent-btn{
  background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;
}
.home-premium-hero .btn:not(.soft):not(.transparent-btn),.instructor-join-banner .btn{
  background:#fff!important;color:#0B1426!important;border-color:#fff!important;
}

/* Courses page premium hero/search */
.courses-premium-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 420px!important;gap:22px!important;align-items:center!important;border-radius:34px!important;padding:30px!important;margin-bottom:24px!important;}
.courses-search-panel{position:relative!important;z-index:2!important;background:#fff!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:28px!important;padding:16px!important;box-shadow:0 20px 55px rgba(0,0,0,.12)!important;display:grid!important;gap:10px!important;}
.courses-search-panel input,.courses-search-panel select{min-height:52px!important;border:1px solid #D8DEE8!important;border-radius:16px!important;padding:0 14px!important;color:#191919!important;background:#F3F2EF!important;font-weight:850!important;}
.courses-search-panel .btn{min-height:52px!important;border-radius:16px!important;background:#0B1426!important;color:#fff!important;}

/* Professional mobile menu */
.mobile-menu-backdrop{display:none;position:fixed;inset:0;background:rgba(20,8,36,.48);backdrop-filter:blur(4px);z-index:998;}
body.mobile-menu-open .mobile-menu-backdrop{display:block;}
@media(max-width:760px){
  .portal-top.clean-edu-header{position:sticky!important;top:0!important;z-index:1000!important;background:#fff!important;border-bottom:1px solid #D8DEE8!important;box-shadow:0 12px 30px rgba(11,20,38,.10)!important;padding:10px 14px!important;}
  .portal-top .brand,.portal-top .edu-text-brand{color:#0B1426!important;font-weight:900!important;font-size:24px!important;}
  .portal-top .mobile-menu{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:16px!important;background:#0B1426!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(11,20,38,.25)!important;position:relative!important;z-index:1002!important;}
  .portal-top .mobile-menu i{color:#fff!important;font-size:18px!important;}
  .portal-top .edu-nav,.portal-top .nav{
    position:fixed!important;top:0!important;right:0!important;width:min(86vw,340px)!important;height:100vh!important;padding:86px 18px 22px!important;
    background:linear-gradient(180deg,#0B1426 0%,#070D18 100%)!important;color:#fff!important;z-index:1001!important;
    display:flex!important;flex-direction:column!important;gap:10px!important;transform:translateX(110%)!important;transition:transform .28s ease!important;
    box-shadow:-20px 0 50px rgba(0,0,0,.25)!important;border-radius:0 0 0 30px!important;overflow:auto!important;
  }
  .portal-top .edu-nav.show,.portal-top .nav.show{transform:translateX(0)!important;}
  .portal-top .edu-nav a,.portal-top .nav a{min-height:50px!important;border-radius:18px!important;padding:13px 16px!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;text-decoration:none!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .portal-top .edu-nav a.active,.portal-top .nav a.active,.portal-top .edu-nav a:hover,.portal-top .nav a:hover{background:#fff!important;color:#0B1426!important;}
  .portal-top .header-left{display:none!important;}
  body.mobile-menu-open{overflow:hidden!important;}
}

/* Course detail page: mobile CTA centered and clearer */
.course-buy-card{border:1px solid #D8DEE8!important;border-radius:30px!important;box-shadow:0 22px 55px rgba(11,20,38,.12)!important;}
.course-buy-card .price{color:#0B1426!important;font-weight:900!important;}
.course-buy-card .btn{min-height:52px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:10px auto!important;width:100%!important;}
.course-buy-card .btn.soft{background:#F3F2EF!important;color:#0B1426!important;border:1px solid #E0E0E0!important;}
@media(max-width:760px){
  .course-detail-hero{border-radius:28px!important;padding:24px 18px!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important;text-align:center!important;}
  .course-detail-hero h1{font-size:28px!important;line-height:1.35!important;}
  .course-detail-hero p{font-size:14.5px!important;line-height:1.9!important;}
  .course-detail-layout{display:flex!important;flex-direction:column!important;gap:16px!important;}
  .course-buy-card{order:-1!important;width:100%!important;max-width:390px!important;margin:0 auto 8px!important;padding:20px!important;text-align:center!important;position:relative!important;top:auto!important;}
  .course-buy-card .btn{width:100%!important;max-width:320px!important;}
  .course-buy-card ul{text-align:right!important;margin-inline:auto!important;max-width:320px!important;}
}

/* Instructor join banner under courses */
.instructor-join-banner{border-radius:34px!important;padding:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-top:26px!important;}
.instructor-join-banner h2{font-size:clamp(24px,4vw,38px)!important;margin:10px 0!important;}
.instructor-join-banner .btn{min-width:170px!important;min-height:54px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:1!important;}
@media(max-width:760px){.instructor-join-banner{display:grid!important;text-align:center!important;border-radius:28px!important;padding:24px 18px!important;}.instructor-join-banner .btn{width:100%!important;max-width:280px!important;margin:auto!important;}}

/* Footer mobile: cleaner, coordinated, visible */
.edu-footer,.portal-footer,footer.edu-footer{background:linear-gradient(180deg,#210a3d 0%,#130524 100%)!important;color:#fff!important;border-radius:38px 38px 0 0!important;margin-top:40px!important;box-shadow:0 -18px 50px rgba(11,20,38,.20)!important;}
.edu-footer h2,.edu-footer h3,.portal-footer h2,.portal-footer h3{color:#fff!important;}
.edu-footer p,.portal-footer p,.footer-bottom{color:rgba(255,255,255,.78)!important;}
.edu-footer a:not(.store-badge),.portal-footer a:not(.store-badge){color:rgba(255,255,255,.88)!important;border-bottom-color:rgba(255,255,255,.10)!important;}
.footer-brand{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;}
.footer-brand h2{color:#fff!important;}
.social-icons a{background:#fff!important;color:#0B1426!important;}
.social-icons a i{color:#0B1426!important;}
@media(max-width:760px){
  .edu-footer,.portal-footer,footer.edu-footer{padding:28px 0 108px!important;border-radius:34px 34px 0 0!important;}
  .footer-brand{border-radius:26px!important;text-align:center!important;}
  .footer-top,.footer-grid{gap:18px!important;}
  .edu-footer a:not(.store-badge),.portal-footer a:not(.store-badge){justify-content:center!important;min-height:42px!important;}
  .social-icons{justify-content:center!important;}
  .store-badge{background:#fff!important;color:#191919!important;border-radius:18px!important;}
}

/* Hide notification activation button on phones completely */
@media(max-width:760px){
  [data-enable-notifications]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  .pwa-actions:has([data-enable-notifications]){gap:8px!important;}
}

/* If browser does not support :has, keep the notification button hidden while install remains */
[data-enable-notifications].mobile-hidden-force{display:none!important;}