/* ON11 keeps the Passon layout and glass surfaces with one light brand palette. */
body.on11-brand{
 --page-canvas:#f8fffc;--bg:#f8fffc;--panel:#ffffffbd;--panel2:#e8fff7b8;
 --line:#89dfce6b;--text:#153b38;--muted:#628780;--cyan:#00c99a;--blue:#29d9dc;
 --nav:#d7fff1;--glass-fill:linear-gradient(130deg,#ffffffd9,#eafff7a8 55%,#e8ffff90);
 --glass-edge:#ffffffea;--glass-shadow:inset 0 1px 0 #fff,0 14px 38px #32bda51c;
 --glow-cyan:#00d9ad25;--glow-blue:#35e6e42b;
 color:var(--text);
 background:radial-gradient(ellipse at 86% 8%,#6bece739,transparent 42%),radial-gradient(ellipse at 18% 78%,#69e8bf29,transparent 48%),var(--page-canvas)
}
body.on11-brand .shell,body.on11-brand .main{
 background:radial-gradient(ellipse at 90% 15%,var(--glow-blue),transparent 52%),radial-gradient(ellipse at 45% 80%,var(--glow-cyan),transparent 55%),var(--page-canvas)
}
body.on11-brand .sidebar,body.on11-brand .sidebar.open{
 background:linear-gradient(150deg,#e4fff5ed,#ccf9edc9 58%,#f0fffbdf);
 border-right:1px solid #ffffffdf;
 box-shadow:inset 1px 0 #fff,10px 0 30px #25ae9917;
 backdrop-filter:blur(26px) saturate(150%);
 -webkit-backdrop-filter:blur(26px) saturate(150%)
}
body.on11-brand .brand{width:184px;height:76px;min-height:76px;mix-blend-mode:normal;margin-bottom:12px}
body.on11-brand .brand img{position:static;width:176px;height:76px;object-fit:contain}
body.on11-brand .brand::after,body.on11-brand .admin-rail-brand::after{display:none}
body.on11-brand .brand small{display:none}
body.on11-brand .nav a{color:#32695f}
body.on11-brand .nav a:hover{color:#087e70;background:#ffffff6b}
body.on11-brand .nav a.active{
 color:#008c76;background:var(--page-canvas);
 box-shadow:inset 3px 0 #19dbbe; font-weight:700
}
body.on11-brand .sidebar .side-footer{color:#548a7c;border-color:#8adccb8a}
body.on11-brand .topbar{
 background:#ffffffaf;border-bottom:1px solid #ffffffed;
 box-shadow:inset 0 1px #fff,0 8px 32px #25ae9912;
 backdrop-filter:blur(30px) saturate(150%)
}
body.on11-brand .glass,body.on11-brand .modal{
 background:var(--glass-fill);border:1px solid var(--glass-edge);
 box-shadow:var(--glass-shadow);backdrop-filter:blur(26px) saturate(145%)
}
body.on11-brand .search,body.on11-brand .filter,body.on11-brand .btn:not(.primary){
 background:#ffffffa8;border-color:#acede1c9;box-shadow:inset 0 1px #fff,0 5px 18px #24c7ae13;
 backdrop-filter:blur(18px)
}
body.on11-brand .filter.selected{background:#bff9e9b8;border-color:#26daca8c}
body.on11-brand .btn.primary{background:linear-gradient(110deg,#00c99a,#28e0c5);color:#064f43;box-shadow:0 8px 24px #00c99a2a}
body.on11-brand .gradient-text{background:linear-gradient(100deg,#00a986,#29d9dc);background-clip:text;-webkit-background-clip:text}
body.on11-brand .hero{
 background:radial-gradient(ellipse at 82% 62%,#36e8e02e,transparent 58%),linear-gradient(120deg,#ffffffc9,#d9fff1ad);
 border:1px solid #ffffffdf;box-shadow:var(--glass-shadow)
}
body.on11-brand .hero-art{filter:hue-rotate(-55deg)}
body.on11-brand .video-card{background:linear-gradient(135deg,#d5fff0,#e5ffff);border-color:#b5efe7;color:#153b38}
body.on11-brand .course-card:hover,body.on11-brand .expert-card:hover{border-color:#35e6e4a6;box-shadow:var(--glass-shadow),0 8px 30px #35e6e429}
body.on11-brand .footer{border-color:#9ce1d384;color:#719187}
body.on11-brand .admin-rail-brand img{width:100%;height:100%;object-fit:contain}
body.on11-brand .topbar .avatar{background:#d9fff3;border-color:#8de5d8;color:#008e79}
body.on11-brand .search input{color:#153b38}
body.on11-brand .search input::placeholder{color:#729a91}
body.on11-brand .topbar .language,body.on11-brand .topbar .icon-btn{color:#316c64}
body.admin-mode.on11-brand.light{
 --page-canvas:#f8fffc;--text:#153b38;--muted:#628780;--line:#89dfce6b;
 --cyan:#00c99a;--blue:#29d9dc;--admin-card:var(--glass-fill);
 --admin-edge:var(--glass-edge);--admin-shadow:var(--glass-shadow)
}
body.admin-mode.on11-brand.light .admin-rail{
 background:linear-gradient(150deg,#e4fff5ed,#ccf9edc9 58%,#f0fffbdf);
 border-right:1px solid #ffffffdf;box-shadow:inset 1px 0 #fff,10px 0 30px #25ae9917;
 backdrop-filter:blur(26px) saturate(150%)
}
body.admin-mode.on11-brand.light .admin-nav-group>p,body.admin-mode.on11-brand.light .admin-rail-bottom{color:#548a7c}
body.admin-mode.on11-brand.light .admin-nav-item,body.admin-mode.on11-brand.light .admin-back-link{color:#32695f}
body.admin-mode.on11-brand.light .admin-nav-item:hover{background:#ffffff6b;color:#087e70}
body.admin-mode.on11-brand.light .admin-nav-item.is-active{background:var(--page-canvas);color:#008c76;box-shadow:inset 3px 0 #19dbbe}
body.admin-mode.on11-brand.light .topbar{background:#ffffffaf;border-color:#ffffffed}
body.admin-mode.on11-brand.light .topbar .avatar{background:#d9fff3;border-color:#8de5d8;color:#008e79}
body.on11-brand .on11-package-grid,body.on11-brand .on11-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 38px}
body.on11-brand .on11-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.on11-brand .on11-package,body.on11-brand .on11-subject{overflow:hidden;border-radius:20px}
body.on11-brand .on11-cover{position:relative;aspect-ratio:16/8;overflow:hidden;background:#dcfff3}
body.on11-brand .on11-cover img{width:100%;height:100%;object-fit:cover}
body.on11-brand .on11-cover>span{position:absolute;left:18px;top:18px;padding:7px 10px;border:1px solid #fff9;border-radius:8px;background:#ffffffc9;color:#007f6c;font-size:11px;font-weight:800;letter-spacing:.8px;backdrop-filter:blur(12px)}
body.on11-brand .on11-package-body,body.on11-brand .on11-subject-body{padding:22px}
body.on11-brand .on11-package h3,body.on11-brand .on11-subject h3{margin:0 0 8px;font-size:23px}
body.on11-brand .on11-package p,body.on11-brand .on11-subject p{margin:0 0 16px;color:var(--muted);line-height:1.5}
body.on11-brand .on11-package-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
body.on11-brand .on11-package-meta span{padding:6px 10px;border:1px solid #84e5d0a8;border-radius:20px;background:#dffff3a8;color:#086b5d;font-size:12px}
body.on11-brand .on11-package-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}
body.on11-brand .on11-package-bottom .offer-prices strong{font-size:22px}
body.on11-brand .on11-subject-body .btn{margin-top:4px}
@media(max-width:1000px){body.on11-brand .on11-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.on11-brand .main,body.on11-brand #page{min-width:0;overflow-x:hidden}body.on11-brand .page-head{display:block}body.on11-brand .page-head h1{margin:8px 0}body.on11-brand .page-head p{max-width:100%;white-space:normal}body.on11-brand .on11-package-grid,body.on11-brand .on11-subject-grid{grid-template-columns:minmax(0,1fr);width:100%}body.on11-brand .on11-package,body.on11-brand .on11-subject{min-width:0}body.on11-brand .on11-package-body,body.on11-brand .on11-subject-body{padding:18px}body.on11-brand .on11-package-bottom{flex-wrap:wrap}body.on11-brand .on11-package-bottom .btn{margin-left:auto}}