/* =========================================================
   School CMS Public — UI/UX Pro Max responsive experience
   Mobile behaves like a native iOS/Android app shell.
   ========================================================= */
:root{
  --ui-nav-height:76px;
  --ui-mobile-appbar:64px;
  --ui-bottom-height:72px;
  --ui-radius-sm:.85rem;
  --ui-radius:1.15rem;
  --ui-radius-lg:1.55rem;
  --ui-shadow-sm:0 10px 30px rgba(15,23,42,.07);
  --ui-shadow:0 22px 60px rgba(15,23,42,.12);
  --ui-shadow-lg:0 36px 100px rgba(15,23,42,.18);
  --ui-ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ui-nav-height) + 1rem)}
body{overflow-x:hidden;background:var(--bs-body-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-body{min-height:100vh}.min-w-0{min-width:0}a{text-underline-offset:.18em}::selection{background:color-mix(in srgb,var(--bs-primary) 24%,transparent)}

.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:1200;background:linear-gradient(90deg,var(--bs-primary),var(--bs-info),var(--bs-primary));background-size:220% 100%;box-shadow:0 0 16px color-mix(in srgb,var(--bs-primary) 42%,transparent);animation:progressFlow 2s linear infinite}@keyframes progressFlow{to{background-position:220% 0}}

/* desktop navbar */
.site-navbar-wrap{z-index:1040}.site-navbar{min-height:var(--ui-nav-height);padding:.65rem 0;background:linear-gradient(90deg,color-mix(in srgb,var(--bs-primary) 94%,#07111f),color-mix(in srgb,var(--bs-primary) 78%,#101827))!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px rgba(15,23,42,.14);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:min-height .3s var(--ui-ease),padding .3s ease,box-shadow .3s ease}.site-navbar.is-scrolled{min-height:64px;padding:.35rem 0;box-shadow:0 14px 38px rgba(15,23,42,.2)}
.site-navbar .navbar-brand{color:#fff!important;letter-spacing:-.025em;max-width:min(58vw,430px)}.site-navbar .navbar-brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-logo{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:14px;padding:4px;box-shadow:0 8px 22px rgba(0,0,0,.17);transition:transform .35s var(--ui-ease),box-shadow .35s ease}.brand-logo-fallback{display:grid;place-items:center;color:var(--bs-primary)}.navbar-brand:hover .brand-logo{transform:rotate(-4deg) scale(1.05);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.site-navbar .nav-link{position:relative;color:rgba(255,255,255,.86)!important;font-weight:650;font-size:.88rem;padding:.68rem .75rem!important;border-radius:.72rem;transition:color .18s ease,background-color .18s ease,transform .18s var(--ui-ease)}.site-navbar .nav-link::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.4rem;height:2px;border-radius:99px;background:#fff;transform:scaleX(0);transition:transform .22s var(--ui-ease)}.site-navbar .nav-link:hover,.site-navbar .nav-link.active{color:#fff!important;background:rgba(255,255,255,.075);transform:translateY(-1px)}.site-navbar .nav-link:hover::after,.site-navbar .nav-link.active::after{transform:scaleX(1)}

/* mobile appbar */
.mobile-appbar{height:calc(var(--ui-mobile-appbar) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bs-body-bg) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bs-border-color) 72%,transparent);box-shadow:0 8px 26px rgba(15,23,42,.08);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.mobile-appbar-inner{height:var(--ui-mobile-appbar);padding:.48rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-brand{min-width:0;display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--bs-body-color)}.mobile-brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:#fff;color:var(--bs-primary);box-shadow:0 8px 20px rgba(15,23,42,.1);border:1px solid var(--bs-border-color)}.mobile-brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}.mobile-brand strong{font-size:.87rem;line-height:1.15}.mobile-brand small{font-size:.62rem;color:var(--bs-secondary-color);margin-top:.12rem}.mobile-appbar-action{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--bs-border-color);border-radius:13px;background:var(--bs-body-bg);color:var(--bs-body-color);display:grid;place-items:center;font-size:1.25rem;box-shadow:0 5px 16px rgba(15,23,42,.055);transition:transform .18s var(--ui-ease),background-color .18s ease}.mobile-appbar-action:active{transform:scale(.95)}

/* public drawer */
.public-drawer{--bs-offcanvas-width:min(88vw,360px);border-right:0!important;border-radius:0 1.5rem 1.5rem 0;box-shadow:26px 0 70px rgba(2,6,23,.24)}.public-drawer .offcanvas-header{padding:1rem;border-bottom:1px solid var(--bs-border-color)}.public-drawer .offcanvas-body{padding:1rem}.drawer-logo{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#fff;color:var(--bs-primary);border:1px solid var(--bs-border-color);box-shadow:0 8px 20px rgba(15,23,42,.08)}.drawer-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.drawer-section-label{font-size:.65rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--bs-secondary-color);margin:.25rem .4rem .55rem}.drawer-nav{display:flex;flex-direction:column;gap:.25rem}.drawer-nav a{display:flex;align-items:center;gap:.78rem;min-height:50px;padding:.55rem .65rem;text-decoration:none;color:var(--bs-body-color);border-radius:.95rem;font-size:.84rem;font-weight:680;transition:background-color .18s ease,transform .18s var(--ui-ease),color .18s ease}.drawer-nav a:hover,.drawer-nav a.active{background:color-mix(in srgb,var(--bs-primary) 9%,var(--bs-body-bg));color:var(--bs-primary);transform:translateX(2px)}.drawer-icon{width:35px;height:35px;flex:0 0 35px;border-radius:.8rem;display:grid;place-items:center;background:var(--bs-tertiary-bg);color:var(--bs-primary)}.drawer-chevron{font-size:.75rem;color:var(--bs-secondary-color)}.drawer-info-card{padding:1rem;border-radius:1.1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 8%,var(--bs-body-bg)),var(--bs-tertiary-bg));border:1px solid color-mix(in srgb,var(--bs-primary) 12%,var(--bs-border-color));font-size:.76rem}.drawer-info-card>div>i{color:var(--bs-primary);font-size:1.05rem}.drawer-info-card p{color:var(--bs-secondary-color);margin-top:.1rem}

/* hero */
.hero-section{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.16),transparent 25rem),radial-gradient(circle at 18% 75%,color-mix(in srgb,var(--bs-info) 42%,transparent),transparent 26rem),linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 94%,#07111f),color-mix(in srgb,var(--bs-primary) 66%,#0f172a))}.hero-section::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-section::after{content:"";position:absolute;width:660px;height:660px;border-radius:50%;right:-280px;top:-290px;z-index:-1;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018);animation:heroOrbit 12s ease-in-out infinite alternate}@keyframes heroOrbit{to{transform:translate(-30px,34px) scale(1.05)}}.min-vh-50{min-height:clamp(560px,74vh,760px)}.hero-section .badge{padding:.55rem .85rem;border-radius:999px;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)}.hero-section h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 10px 35px rgba(0,0,0,.12)}.hero-section .lead{max-width:720px;line-height:1.72;color:rgba(255,255,255,.8)!important}.hero-section .btn{border-radius:.95rem;font-weight:750;padding:.78rem 1.15rem;transition:transform .2s var(--ui-ease),box-shadow .2s ease}.hero-section .btn:hover{transform:translateY(-2px)}.hero-logo{width:min(75%,320px);aspect-ratio:1;object-fit:contain;background:rgba(255,255,255,.94);padding:1.2rem;border-radius:2.2rem;box-shadow:0 30px 80px rgba(0,0,0,.2);animation:heroFloat 5s ease-in-out infinite}@keyframes heroFloat{50%{transform:translateY(-9px) rotate(1deg)}}.hero-placeholder{width:240px;height:240px;margin:auto;border-radius:2rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;font-size:5rem;backdrop-filter:blur(10px)}

/* general sections/cards */
.site-main .container{position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-head .eyebrow,.eyebrow{font-size:.69rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:var(--bs-primary);margin-bottom:.3rem}.section-head h2{font-weight:850;letter-spacing:-.035em;margin-bottom:0}.site-main .card{border-radius:var(--ui-radius)!important;border:1px solid color-mix(in srgb,var(--bs-border-color) 72%,transparent)!important;overflow:hidden;box-shadow:var(--ui-shadow-sm)!important;transition:transform .28s var(--ui-ease),box-shadow .28s ease,border-color .28s ease}.site-main .card:hover,.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--ui-shadow)!important;border-color:color-mix(in srgb,var(--bs-primary) 20%,var(--bs-border-color))!important}.content-thumb{height:220px;object-fit:cover;transition:transform .55s var(--ui-ease)}.site-main .card:hover .content-thumb{transform:scale(1.04)}.site-main .card-body{padding:1.15rem}.site-main .card h5{font-weight:800;letter-spacing:-.025em}.stat-card{position:relative;padding:1.45rem 1rem;border-radius:var(--ui-radius);background:var(--bs-body-bg);border:1px solid var(--bs-border-color);box-shadow:var(--ui-shadow-sm);overflow:hidden;transition:transform .25s var(--ui-ease),box-shadow .25s ease}.stat-card::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-32px;top:-34px;background:color-mix(in srgb,var(--bs-primary) 8%,transparent);transition:transform .35s var(--ui-ease)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}.stat-card:hover::after{transform:scale(1.5)}.stat-number{font-size:1.9rem;font-weight:900;letter-spacing:-.04em;color:var(--bs-primary);line-height:1.05;margin-bottom:.3rem}.site-main .btn{border-radius:.86rem;font-weight:700;transition:transform .18s var(--ui-ease),box-shadow .18s ease}.site-main .btn:hover{transform:translateY(-1px)}

/* content pages */
.page-hero{position:relative;overflow:hidden;padding:4rem 0;background:linear-gradient(135deg,color-mix(in srgb,var(--bs-primary) 8%,var(--bs-body-bg)),var(--bs-body-bg));border-bottom:1px solid var(--bs-border-color)}.page-hero h1{font-weight:880;letter-spacing:-.045em}.prose{line-height:1.8}.prose img{max-width:100%;height:auto;border-radius:1rem}.site-main .form-control,.site-main .form-select{min-height:46px;border-radius:.9rem}.site-main textarea.form-control{min-height:130px}

/* animations */
.reveal,.reveal-left,.reveal-right{opacity:0;transition:opacity .62s var(--ui-ease),transform .62s var(--ui-ease);transition-delay:var(--reveal-delay,0ms)}.reveal{transform:translateY(20px) scale(.993)}.reveal-left{transform:translateX(-24px)}.reveal-right{transform:translateX(24px)}.reveal.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}.site-main{animation:sitePageIn .4s var(--ui-ease) both}@keyframes sitePageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* footer */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#111827,#0b1220)!important}.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--bs-primary) 16%,transparent),transparent 28rem);pointer-events:none}.footer-brand-mark{width:50px;height:50px;flex:0 0 50px;border-radius:1rem;background:#fff;display:grid;place-items:center;overflow:hidden}.footer-brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}.footer-link{align-items:center;gap:.35rem;color:rgba(255,255,255,.62);text-decoration:none;margin:.3rem 0;transition:color .18s ease,transform .18s var(--ui-ease)}.footer-link:hover{color:#fff;transform:translateX(4px)}

/* phone bottom navigation */
.mobile-bottom-nav{display:flex;position:fixed;left:max(.62rem,env(safe-area-inset-left));right:max(.62rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));z-index:1045;height:var(--ui-bottom-height);padding:.36rem .3rem;border-radius:1.35rem;background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 52px rgba(2,6,23,.34),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);align-items:center;justify-content:space-around}.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;flex:1;height:100%;min-width:0;border:0;background:transparent;color:#9aa8ba;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.16rem;border-radius:1rem;font-size:.59rem;font-weight:780;line-height:1;transition:color .18s ease,background-color .18s ease,transform .18s var(--ui-ease)}.mobile-nav-icon{width:36px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:1.08rem;transition:transform .22s var(--ui-ease),background-color .18s ease,color .18s ease}.mobile-bottom-nav a.active{color:#fff}.mobile-bottom-nav a.active .mobile-nav-icon{color:#fff;background:color-mix(in srgb,var(--bs-primary) 58%,rgba(255,255,255,.08));transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--bs-primary) 20%,transparent)}.mobile-bottom-nav a:active,.mobile-bottom-nav button:active{transform:scale(.96)}

/* back to top */
.back-to-top{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border:0;border-radius:1rem;display:grid;place-items:center;background:var(--bs-primary);color:#fff;box-shadow:0 15px 34px color-mix(in srgb,var(--bs-primary) 30%,transparent);z-index:1035;opacity:0;visibility:hidden;transform:translateY(10px);transition:.24s var(--ui-ease)}.back-to-top.show{opacity:1;visibility:visible;transform:none}

.alert{border-radius:1rem;box-shadow:var(--ui-shadow-sm)}.flash-enter{animation:flashIn .5s var(--ui-ease) both}@keyframes flashIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
.touch-ripple{position:relative;overflow:hidden}.ripple-wave{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.14;transform:scale(0);animation:rippleWave .55s ease-out forwards}@keyframes rippleWave{to{transform:scale(4);opacity:0}}

/* tablet */
@media(max-width:991.98px){.hero-section{text-align:center}.hero-section .row>div:first-child{display:flex;flex-direction:column;align-items:center}.hero-section .d-flex{justify-content:center}.hero-logo{width:min(66%,280px);margin-top:1.5rem}.section-head{align-items:center}}

/* mobile — native app proportions */
@media(max-width:767.98px){
  html{scroll-padding-top:calc(var(--ui-mobile-appbar) + env(safe-area-inset-top) + .75rem)}
  body{padding-bottom:calc(var(--ui-bottom-height) + max(1rem,env(safe-area-inset-bottom)))}
  .site-footer{margin-bottom:calc(var(--ui-bottom-height) * -0.1)}
  .back-to-top{right:.85rem;bottom:calc(var(--ui-bottom-height) + max(1.2rem,env(safe-area-inset-bottom)))}
  .hero-section{min-height:auto}.min-vh-50{min-height:auto;padding:2.8rem 0 2.3rem}.hero-section h1{font-size:clamp(2.4rem,12.6vw,4rem)}.hero-section .lead{font-size:.96rem;line-height:1.65}.hero-section .btn{min-height:48px}.hero-logo{width:min(60vw,240px);border-radius:1.8rem}.hero-section::after{width:420px;height:420px;right:-230px;top:-190px}
  .site-main>.container,.site-main section>.container{padding-left:1rem;padding-right:1rem}
  .site-main .card:hover,.hover-lift:hover,.stat-card:hover{transform:none}
  .content-thumb{height:200px}.section-head{display:block;margin-bottom:1rem}.section-head .btn{margin-top:.8rem;width:100%}.section-head h2{font-size:1.75rem}
  .stat-card{padding:1.15rem .55rem}.stat-number{font-size:1.55rem}.stat-card>div:last-child{font-size:.72rem}
  .site-main .form-control,.site-main .form-select{min-height:48px;font-size:16px}.site-main .btn{min-height:44px}
  .page-hero{padding:2.8rem 0}.page-hero h1{font-size:2rem}
  .site-footer{border-radius:1.6rem 1.6rem 0 0}.site-footer .container{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))!important}
}
@media(max-width:575.98px){.hero-section .d-flex.gap-2{width:100%}.hero-section .d-flex.gap-2 .btn{flex:1 1 100%}.site-main .row.g-4{--bs-gutter-x:.9rem;--bs-gutter-y:.9rem}.site-main .card-body{padding:1rem}.site-main h1,.site-main .display-3{letter-spacing:-.045em}}

:focus-visible{outline:3px solid color-mix(in srgb,var(--bs-primary) 45%,transparent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}}

/* ---------- Login experience ---------- */
.login-shell{position:relative;min-height:calc(100dvh - var(--ui-nav-height));display:grid;place-items:center;padding:4rem 0;overflow:hidden;background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--bs-primary) 10%,transparent),transparent 24rem),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--bs-info) 8%,transparent),transparent 22rem),var(--bs-body-bg)}.login-shell::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-180px;border:1px solid color-mix(in srgb,var(--bs-primary) 10%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--bs-primary) 2%,transparent),0 0 0 140px color-mix(in srgb,var(--bs-primary) 1.5%,transparent)}.login-card{position:relative;z-index:1;border-radius:1.6rem!important;box-shadow:var(--ui-shadow)!important;background:color-mix(in srgb,var(--bs-body-bg) 96%,transparent)!important;backdrop-filter:blur(18px)}.login-icon{width:68px;height:68px;margin:auto;border-radius:1.35rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--bs-primary),color-mix(in srgb,var(--bs-primary),#0f172a 24%));color:#fff;font-size:1.65rem;box-shadow:0 15px 36px color-mix(in srgb,var(--bs-primary) 28%,transparent);animation:loginFloat 4s ease-in-out infinite}@keyframes loginFloat{50%{transform:translateY(-5px) rotate(1deg)}}.login-input .input-group-text{border-radius:.9rem 0 0 .9rem;background:var(--bs-tertiary-bg);border-color:var(--bs-border-color);color:var(--bs-primary)}.login-input .form-control{border-radius:0 .9rem .9rem 0!important}.login-card .btn-lg{min-height:50px;border-radius:.95rem}
@media(max-width:767.98px){.login-shell{min-height:calc(100dvh - var(--ui-mobile-appbar));padding:1.2rem .2rem 5rem}.login-card{border-radius:1.4rem!important}.login-card .card-body{padding:1.35rem!important}}

/* CMS animation preference */
.motion-off *, .motion-off *::before, .motion-off *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.motion-off .reveal,.motion-off .reveal-left,.motion-off .reveal-right{opacity:1!important;transform:none!important}

/* ===== Luxe Slate v4 visual refinement ===== */
body.site-body{background:var(--lux-bg)}
.site-navbar{background:rgba(11,18,32,.94)!important;border-bottom-color:rgba(255,255,255,.08);box-shadow:0 12px 38px rgba(4,9,18,.16)}
.site-navbar .nav-link{font-weight:650;letter-spacing:-.01em}.site-navbar .nav-link::after{background:var(--lux-gold)}
.brand-logo,.mobile-brand-mark,.drawer-logo,.footer-brand-mark{border-radius:14px}
.hero-section{background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--brand-accent) 14%,transparent),transparent 26rem),linear-gradient(160deg,#fbfcfd 0%,#f5f7f9 58%,#eef2f5 100%)!important}
.hero-section h1{color:var(--lux-ink);font-weight:850;letter-spacing:-.055em}.hero-section .lead{color:var(--lux-ink-2)}
.hero-section::before{opacity:.45}.hero-section::after{border-color:color-mix(in srgb,var(--lux-gold) 24%,transparent)}
.hero-logo{box-shadow:0 28px 75px rgba(16,24,40,.14),0 0 0 1px rgba(16,24,40,.05)!important}
.site-main .card,.stat-card{border-color:var(--lux-border)!important;background:#fff!important;box-shadow:var(--lux-shadow-sm)!important}
.site-main .card:hover,.stat-card:hover{box-shadow:var(--lux-shadow)!important}
.content-thumb{background:#eef1f5}.stat-number{color:var(--brand-accent)}
.page-hero{background:linear-gradient(180deg,#fbfcfd,#f5f7f9);border-color:var(--lux-border)}
.mobile-appbar{background:rgba(255,255,255,.88);border-color:rgba(16,24,40,.08)}
.public-drawer{background:#fff}.drawer-nav a:hover,.drawer-nav a.active{background:color-mix(in srgb,var(--brand-accent) 7%,white);color:var(--brand-accent)}
.drawer-icon{background:#f4f6f8!important;color:var(--lux-ink-2)!important}.drawer-nav a.active .drawer-icon{background:color-mix(in srgb,var(--brand-accent) 10%,white)!important;color:var(--brand-accent)!important}
.site-footer{background:linear-gradient(145deg,#0a111f,#111c30)!important}.site-footer::before{background:radial-gradient(circle at 78% 0%,rgba(181,138,85,.12),transparent 30rem)}
.mobile-bottom-nav{background:rgba(10,17,31,.95);border-color:rgba(255,255,255,.09);box-shadow:0 22px 56px rgba(2,6,23,.30)}
.mobile-bottom-nav a.active .mobile-nav-icon{background:color-mix(in srgb,var(--brand-accent) 70%,#152033)}
.back-to-top{background:var(--lux-navy);box-shadow:0 16px 32px rgba(11,18,32,.18)}
.login-shell{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--brand-accent) 8%,transparent),transparent 24rem),var(--lux-bg)}
.login-card{background:rgba(255,255,255,.94)!important;border:1px solid var(--lux-border)!important}.login-icon{background:linear-gradient(145deg,var(--lux-navy),#1a2942);box-shadow:0 18px 38px rgba(11,18,32,.2)}