/* Bio Shaf3i visual system 2026 — scoped sitewide identity layer.
   Loaded LAST intentionally to override legacy Vertix styling without altering behavior. */
:root,html.vtxn-dark {
 --bio-purple:#542e91; --bio-purple-deep:#221432; --bio-purple-soft:#e9e2f3;
 --bio-orange:#f37720; --bio-orange-deep:#f37720; --bio-ink:#221432;
 --bio-muted:#542e91; --bio-surface:#ffffff; --bio-border:#e9e2f3;
 --bio-bg:#faf8fd; --bio-shadow:0 20px 60px rgba(84,46,145,.1);
 --vxn-sky:#542e91; --vxn-sky-deep:#542e91; --vxn-yellow:#f37720;
 --vxn-navy:#221432; --vxn-bg:#faf8fd; --vxn-text:#221432;
 --vxn-muted:#542e91; --vxn-line:#e9e2f3; --vxn-card:#ffffff;
 --vxn-card-soft:#ffffff; --vxn-shadow:var(--bio-shadow);
 --vt-sky:#542e91; --vt-navy:#221432; --vt-yellow:#f37720;
}
html.vtxn-dark{--vxn-bg:#221432;--vxn-text:#ffffff;--vxn-muted:#d8cfe6;--vxn-line:#542e91;--vxn-card:#221432;--vxn-card-soft:#221432;--bio-border:#542e91;--bio-surface:#221432;--bio-bg:#221432;--bio-ink:#ffffff;--bio-muted:#d8cfe6}
body.vtxn-platform-shell{background:var(--vxn-bg);color:var(--vxn-text)}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app,.vtxn-register-card){font-family:'Alexandria','Cairo',Tahoma,sans-serif}
body.vtxn-platform-shell :is(.vtxn-panel,.vtxn-register-card,.vtxn-home-course-grid article,.vtxn-home-lesson-grid article,.vtxn-teacher-card,.vtxn-stat-grid>*,.vtxn-metric,.vtxn-side-card){border-color:var(--vxn-line);box-shadow:var(--vxn-shadow-soft,0 12px 34px rgba(84,46,145,.09))}
body.vtxn-platform-shell :is(h1,h2,h3,h4,strong){text-wrap:pretty}
body.vtxn-platform-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid #f37720!important;outline-offset:3px!important}
body.vtxn-platform-shell :is(input,select,textarea){accent-color:var(--bio-purple)}
body.vtxn-platform-shell :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#a395b6;border-radius:13px}
body.vtxn-platform-shell :is(input,select,textarea):focus{border-color:var(--bio-purple)!important;box-shadow:0 0 0 3px rgba(84,46,145,.13)!important}
body.vtxn-platform-shell :is(.vtxn-btn,.vtxn-teacher-primary,.vtxn-primary-btn){background:#542e91!important;color:#ffffff!important;border:1px solid #542e91!important;box-shadow:0 12px 26px rgba(84,46,145,.2)!important;border-radius:14px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.vtxn-platform-shell :is(.vtxn-btn,.vtxn-teacher-primary,.vtxn-primary-btn):hover{background:#542e91!important;color:#ffffff!important;transform:translateY(-2px)}
body.vtxn-platform-shell :is(.vtxn-btn-yellow,.vtxn-btn-orange,.vtxn-secondary-btn){background:#f37720!important;color:#221432!important;border:1px solid #f6944f!important;box-shadow:0 9px 20px rgba(243,119,32,.2)!important}
body.vtxn-platform-shell :is(.vtxn-btn-yellow,.vtxn-btn-orange,.vtxn-secondary-btn):hover{background:#f8b180!important;color:#221432!important}
body.vtxn-platform-shell .vtxn-btn-secondary{background:#ffffff!important;color:#542e91!important;border:1px solid #bbabd3!important;box-shadow:none!important}
body.vtxn-platform-shell button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}
body.vtxn-platform-shell :is(.vtxn-kicker,.vtxn-brand-pill){background:#e9e2f3!important;color:#542e91!important;border-color:#d8cfe6!important;letter-spacing:.01em}
body.vtxn-platform-shell :is(.vtxn-step-dots span.is-active,.vtxn-step-dots span.is-done){background:#542e91!important;border-color:#542e91!important;color:#ffffff!important}
body.vtxn-platform-shell :is(.vtxn-panel-title h2,.vtxn-home-section-head h2,.vtxn-section-title h3,.vtxn-form-heading h1){color:var(--vxn-text)!important}
/* Entirely new homepage hero composition: aurora/glass laboratory */
body.vtxn-platform-shell .bio-rebrand-home{max-width:1320px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{position:relative;isolation:isolate;min-height:570px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:10px;padding:clamp(25px,5vw,72px);border-radius:36px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:radial-gradient(ellipse at 83% 8%,rgba(243,119,32,.32),transparent 35%),radial-gradient(ellipse at 15% 85%,rgba(120,90,168,.38),transparent 42%),linear-gradient(125deg,#221432,#542e91 58%,#221432)!important;box-shadow:0 32px 80px rgba(34,20,50,.25)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.42;background-image:radial-gradient(circle at center,rgba(255,255,255,.25) 1px,transparent 1.5px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,black)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero:after{content:'';pointer-events:none;position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.11);border-radius:50%;top:-140px;left:-80px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.023)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy{position:relative;z-index:2;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:630px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy :is(h1,p){color:#ffffff!important;text-shadow:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy h1{font-size:clamp(34px,4vw,62px);line-height:1.3;letter-spacing:-.035em;margin:18px 0}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy p{color:#e9e2f3!important;font-size:clamp(13px,1.2vw,17px);line-height:2;max-width:570px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-brand-logo{max-width:190px;max-height:100px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(30,17,48,.15))}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points span{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(12px);color:#ffffff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:40px;padding:9px 13px;font-size:12px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions .vtxn-btn:first-child{background:#f37720!important;color:#221432!important;border-color:#f37720!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions .vtxn-btn-secondary{background:rgba(255,255,255,.12)!important;color:#ffffff!important;border-color:rgba(255,255,255,.4)!important;backdrop-filter:blur(14px)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{position:relative;align-self:end;min-width:0;z-index:1;filter:drop-shadow(0 18px 44px rgba(34,20,50,.35))}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{width:100%;max-height:570px;object-fit:contain;object-position:bottom;filter:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher-glow{background:radial-gradient(circle,rgba(243,119,32,.36),transparent 65%)!important}
/* Homepage content: new academy card system */
body.vtxn-platform-shell .bio-rebrand-home :is(.bio-benefits,.vtxn-home-feature-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:34px 0}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit{background:#ffffff!important;border:1px solid #e9e2f3!important;border-radius:24px;padding:26px;box-shadow:0 15px 40px rgba(34,20,50,.07);min-height:190px;position:relative;overflow:hidden}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:before{content:'';position:absolute;top:0;inset-inline:0;height:5px;background:linear-gradient(90deg,#542e91,#f37720)}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit>span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#e9e2f3;font-size:27px}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit h3{color:#221432!important;margin:16px 0 8px;font-size:19px}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit p{color:#542e91!important;line-height:1.9;margin:0}
body.vtxn-platform-shell .bio-rebrand-home :is(.vtxn-home-courses-section,.vtxn-home-lessons-section,.vtxn-home-features-section){margin-block:65px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-section-head{padding-block:10px 21px;border-bottom:1px solid #e9e2f3;margin-bottom:22px}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-section-head a{color:#542e91!important;font-weight:800}
/* Auth pages: sophisticated form + cinematic biology imagery */
body.vtxn-platform-shell .vtxn-register-page{max-width:1220px}
body.vtxn-platform-shell .vtxn-register-card{border-radius:30px;background:#ffffff;border:1px solid #e9e2f3;box-shadow:0 25px 70px rgba(34,20,50,.12);grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr)}
body.vtxn-platform-shell .vtxn-register-side{background:radial-gradient(circle at 80% 20%,rgba(243,119,32,.3),transparent 35%),linear-gradient(160deg,#221432,#542e91 70%,#221432)!important;border:0;color:#ffffff}
body.vtxn-platform-shell .vtxn-register-side .vtxn-teacher-wrap{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(16px);box-shadow:0 20px 45px rgba(34,20,50,.3)}
body.vtxn-platform-shell .vtxn-register-side :is(h2,p){color:#ffffff!important}
body.vtxn-platform-shell .vtxn-register-side p{color:#e9e2f3!important}
body.vtxn-platform-shell .vtxn-register-main{padding:clamp(22px,3.5vw,54px)}
body.vtxn-platform-shell .vtxn-register-main :is(.vtxn-section-title,.vtxn-form-heading){border-color:#e9e2f3}
body.vtxn-platform-shell .vtxn-register-main .vtxn-step-dots span{width:39px;height:39px}
body.vtxn-platform-shell .vtxn-step[hidden],body.vtxn-platform-shell [hidden]{display:none!important}
/* Student areas, navigation, cards and data */
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-subnav,.vtxn-account-nav){border-color:var(--vxn-line)!important;box-shadow:0 8px 30px rgba(84,46,145,.06)}
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-panel,.vtxn-metric,.vtxn-stat-grid>*):not(.vtxn-home-hero){backdrop-filter:saturate(1.08)}
body.vtxn-platform-shell :is(.vtxn-stat-grid>*,.vtxn-metric,.vtxn-quick-actions>a){border:1px solid var(--vxn-line)!important;border-radius:20px}
body.vtxn-platform-shell :is(.vtxn-dash-hero,.vtxn-course-hero,.vtxn-parent-v16-hero,.vtxn-v19-hero){background:radial-gradient(circle at 90% 0,rgba(243,119,32,.26),transparent 37%),linear-gradient(125deg,#221432,#542e91)!important;color:#ffffff!important;border-radius:26px}
body.vtxn-platform-shell :is(.vtxn-dash-hero,.vtxn-course-hero,.vtxn-parent-v16-hero,.vtxn-v19-hero) :is(h1,h2,h3,p,small,span){color:#ffffff!important}
body.vtxn-platform-shell .vtxn-page :is(.vtxn-empty,.vtxn-panel){border-color:var(--vxn-line)}
body.vtxn-platform-shell :is(.vtxn-lms-course-card,.vtxn-home-course-grid>a,.vtxn-home-lesson-grid>a){transition:transform .18s ease,box-shadow .18s ease}
body.vtxn-platform-shell :is(.vtxn-lms-course-card,.vtxn-home-course-grid>a,.vtxn-home-lesson-grid>a):hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(34,20,50,.14)}
/* Teacher suite — override legacy light-blue/yellow high-specificity styling */
body.vtxn-platform-shell .vtxn-teacher-app{--vt-bg:#faf8fd;--vt-sky:#542e91;--vt-yellow:#f37720;--vt-navy:#221432;--vt-text:#221432;--vt-muted:#542e91;--vt-line:#e9e2f3;background:#faf8fd;color:#221432}
body.vtxn-platform-shell .vtxn-teacher-sidebar{background:linear-gradient(180deg,#221432,#542e91)!important;color:#ffffff!important}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a{color:#e9e2f3!important;border-radius:12px}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a.is-active{background:rgba(255,255,255,.16)!important;color:#ffffff!important;border-inline-start:3px solid #f37720}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a.is-active i{background:#f37720!important;color:#221432!important}
body.vtxn-platform-shell .vtxn-teacher-auth{background:radial-gradient(circle at 10% 15%,rgba(243,119,32,.22),transparent 35%),linear-gradient(135deg,#faf8fd,#e9e2f3)!important}
body.vtxn-platform-shell .vtxn-teacher-auth-brand{background:radial-gradient(circle at 80% 20%,rgba(243,119,32,.29),transparent 35%),linear-gradient(145deg,#221432,#542e91)!important;color:#ffffff!important}
body.vtxn-platform-shell .vtxn-teacher-auth-brand>span{background:#f37720!important;color:#221432!important}
body.vtxn-platform-shell .vtxn-teacher-auth :is(h1,p){color:#ffffff!important}
body.vtxn-platform-shell .vtxn-teacher-auth .vtxn-teacher-primary{background:#f37720!important;color:#221432!important;border-color:#f37720!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-teacher-primary,.vtxn-teacher-save,.vtxn-primary-btn){background:#542e91!important;color:#ffffff!important;border-color:#542e91!important}
body.vtxn-platform-shell .vtxn-teacher-app .vtxn-secondary-btn{background:#faf8fd!important;color:#f37720!important;border:1px solid #fce0cc!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-teacher-card,.vtxn-tool-highlight,.vtxn-tool-kpis>div,.vtxn-tool-card-grid>a,.vtxn-calendar-list article,.vtxn-tool-security-badges span){border-color:#e9e2f3!important;background:#ffffff!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-tool-kpis>div,.vtxn-tool-card-grid>a,.vtxn-calendar-list article){border-radius:17px!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-tool-card-grid a,.vtxn-copy-code,.vtxn-teacher-auth-link a){color:#542e91!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(input,select,textarea){border-color:#a395b6!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(th,.vtxn-teacher-table th){background:#e9e2f3!important;color:#221432!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-teacher-table td,.vtxn-teacher-table th){border-color:#e9e2f3!important}
body.vtxn-platform-shell .vtxn-teacher-status-card:before{background:linear-gradient(90deg,#542e91,#f37720)!important}
body.vtxn-platform-shell .vtxn-teacher-status-card :is(h1,h2){color:#221432!important}
/* small devices, reduced motion, legibility */
@media(max-width:900px){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{grid-template-columns:1fr 42%;min-height:480px;padding:30px}body.vtxn-platform-shell .bio-rebrand-home :is(.bio-benefits,.vtxn-home-feature-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{display:flex;flex-direction:column;align-items:stretch;padding:30px 20px 0;min-height:0;border-radius:25px;gap:0}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy h1{font-size:clamp(29px,8vw,41px)}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{max-width:350px;margin-inline:auto}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{max-height:320px}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points{margin-top:14px}body.vtxn-platform-shell .bio-rebrand-home :is(.bio-benefits,.vtxn-home-feature-grid){grid-template-columns:1fr;gap:13px}body.vtxn-platform-shell .bio-rebrand-home .bio-benefit{min-height:0;padding:20px}body.vtxn-platform-shell .vtxn-register-card{grid-template-columns:1fr}body.vtxn-platform-shell .vtxn-register-side{padding:20px}body.vtxn-platform-shell .vtxn-register-side .vtxn-teacher-wrap{max-width:180px}body.vtxn-platform-shell .vtxn-register-main{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){body.vtxn-platform-shell *,body.vtxn-platform-shell *:before,body.vtxn-platform-shell *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Bio21 — consistent internal page system (student, teacher, wallet, codes, tests) */
body.vtxn-platform-shell{--bio-accent:#f37720;--bio-plum:#542e91;--bio-deep:#221432}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app,.vtxn-parent-page,.vtxn-exams-page,.vtxn-wallet-page,.vtxn-certificates-page,.vtxn-achievements-page) :is(.vtxn-card,.vtxn-panel,.vtxn-box,.vtxn-summary-card,.vtxn-stat-card,.vtxn-feature-card){border-color:#e9e2f3!important;box-shadow:0 12px 32px rgba(34,20,50,.075)}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-kicker,.vtxn-badge,.vtxn-tag):not(.is-error):not(.is-success){border-color:#e9e2f3;background:#e9e2f3;color:#542e91}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-tabs a,.vtxn-nav-tabs a,.vtxn-tab,.vtxn-account-nav a):hover{color:#542e91;border-color:#f37720}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-tabs a.is-active,.vtxn-nav-tabs a.is-active,.vtxn-tab.is-active){color:#542e91!important;border-color:#f37720!important;background:#faf8fd!important}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(table thead th,.vtxn-table th){background:#e9e2f3!important;color:#221432!important;border-color:#e9e2f3!important}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(table td,.vtxn-table td){border-color:#e9e2f3}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-price,.vtxn-course-price,.vtxn-price-value,.vtxn-stat-value){color:#542e91}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-wallet-balance,.vtxn-balance-card,.vtxn-wallet-hero,.vtxn-student-hero){background:linear-gradient(130deg,#221432,#542e91)!important;color:#ffffff!important}
body.vtxn-platform-shell :is(.vtxn-wallet-balance,.vtxn-balance-card,.vtxn-wallet-hero,.vtxn-student-hero) :is(h1,h2,h3,b,strong,span,p){color:#ffffff!important}
body.vtxn-platform-shell :is(.vtxn-teacher-sidebar,.vtxn-teacher-sidebar nav){color:#ffffff}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a :is(i,svg,.dashicons){color:#f37720!important;stroke:#f37720!important;fill:none}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a.is-active :is(i,.dashicons){color:#221432!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-tool-card-grid,.vtxn-tool-kpis,.vtxn-teacher-card) :is(i,.dashicons){color:#f37720!important}
body.vtxn-platform-shell .vtxn-teacher-app :is(.vtxn-tool-card-grid,.vtxn-tool-kpis) :is(a,button){border-color:#e9e2f3!important}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-btn-primary,.button-primary){background:#542e91!important;color:#ffffff!important;border-color:#542e91!important}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-btn-warning,.vtxn-btn-accent){background:#f37720!important;color:#221432!important;border-color:#f6944f!important}
body.vtxn-platform-shell :is(.vtxn-page,.vtxn-teacher-app) :is(.vtxn-icon,.vtxn-card-icon,.vtxn-benefit-icon){color:#f37720}
/* full footer identity, including nested links and icons */
body.vtxn-platform-shell .vtxn-site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 6%,rgba(243,119,32,.21),transparent 35%),linear-gradient(135deg,#221432,#542e91)!important;color:#ffffff!important;border-top:4px solid #f37720}
body.vtxn-platform-shell .vtxn-site-footer :is(h2,h3,h4,p,span,b,strong,a){color:#ffffff!important}
body.vtxn-platform-shell .vtxn-site-footer :is(.vtxn-footer-nav a,.vtxn-footer-contact a):hover{color:#fac9a6!important}
body.vtxn-platform-shell .vtxn-site-footer :is(.vtxn-footer-promise i,.vtxn-footer-group h3):before{color:#f37720}
body.vtxn-platform-shell .vtxn-site-footer-bottom{background:rgba(34,20,50,.26)!important;border-top:1px solid rgba(255,255,255,.2)!important}
/* Scientific motion behind teacher: decorative only; browser-only animation, no new libraries */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:before{content:'🧬';position:absolute;z-index:-1;top:8%;left:2%;font-size:clamp(62px,9vw,145px);opacity:.54;filter:drop-shadow(0 0 15px #f37720);animation:bioHelixFloat 11s ease-in-out infinite;pointer-events:none}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:after{content:'⚛';position:absolute;z-index:-1;right:-2%;top:26%;font-size:clamp(65px,10vw,154px);line-height:1;color:#fac9a6;opacity:.42;text-shadow:0 0 28px rgba(243,119,32,.6);animation:bioCellOrbit 15s linear infinite;pointer-events:none}
body.vtxn-platform-shell .bio-rebrand-home :is(.bio-benefit>span,.vtxn-home-feature-icon){transition:transform .3s ease,box-shadow .3s ease;animation:bioIconBreath 4.8s ease-in-out infinite}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:nth-child(2)>span{animation-delay:-1.6s}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:nth-child(3)>span{animation-delay:-3.2s}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:hover>span{transform:translateY(-6px) rotate(-8deg);box-shadow:0 12px 30px rgba(243,119,32,.18)}
@keyframes bioHelixFloat{0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}50%{transform:translate3d(20px,-22px,0) rotate(13deg)}}
@keyframes bioCellOrbit{from{transform:rotate(0deg) translateY(-8px)}to{transform:rotate(360deg) translateY(-8px)}}
@keyframes bioIconBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(243,119,32,0));transform:translateY(0)}50%{filter:drop-shadow(0 7px 12px rgba(243,119,32,.12));transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:before,body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:after,body.vtxn-platform-shell .bio-rebrand-home :is(.bio-benefit>span,.vtxn-home-feature-icon){animation:none!important}}

/* Bio Shaf3i bio.23: purposeful orange / purple visual balance.
   Orange is for actions and accents; violet anchors navigation and headers.
   All selectors are scoped to our plugin UI to avoid changing Elementor/Tutor globally. */
body.vtxn-platform-shell{
 --bio-action:#f37720;--bio-action-hover:#da610d;--bio-action-ink:#211432;
 --bio-icon-surface:#fff1e7;--bio-alt-surface:#fef8f3;
}
/* Primary CTAs become orange; hero secondary navigation stays glass/white. */
body.vtxn-platform-shell :is(.vtxn-btn,.vtxn-primary-btn,.vtxn-teacher-primary,.vtxn-teacher-save,.vtxn-assignment-submit):not(.vtxn-btn-secondary):not(.vtxn-btn-light):not(.vtxn-btn-danger-soft):not([disabled]){
 background:var(--bio-action)!important;color:var(--bio-action-ink)!important;
 border-color:var(--bio-action)!important;box-shadow:0 9px 24px rgba(243,119,32,.21)!important;
}
body.vtxn-platform-shell :is(.vtxn-btn,.vtxn-primary-btn,.vtxn-teacher-primary,.vtxn-teacher-save,.vtxn-assignment-submit):not(.vtxn-btn-secondary):not(.vtxn-btn-light):not(.vtxn-btn-danger-soft):hover{
 background:var(--bio-action-hover)!important;color:#fff!important;border-color:var(--bio-action-hover)!important;
}
/* Icon containers: reverse contrast. Light cards = violet glyph on orange tint.
   Dark violet containers = orange glyph / gentle pale-tint background. */
body.vtxn-platform-shell :is(.vtxn-action-icon,.vtxn-card-icon,.vtxn-home-feature-icon,.vtxn-benefit-icon,.vtxn-device-icon,.vtxn-thumb-icon,.vtxn-assignment-hero-icon,.vtxn-teacher-status-icon){
 background:var(--bio-icon-surface)!important;color:#542e91!important;
 border-color:rgba(243,119,32,.34)!important;
}
body.vtxn-platform-shell :is(.vtxn-action-icon,.vtxn-card-icon,.vtxn-home-feature-icon,.vtxn-benefit-icon,.vtxn-device-icon,.vtxn-thumb-icon,.vtxn-assignment-hero-icon,.vtxn-teacher-status-icon) :is(i,svg){color:#542e91!important;stroke:currentColor}
body.vtxn-platform-shell :is(.vtxn-dash-hero,.vtxn-course-hero,.vtxn-parent-v16-hero,.vtxn-v19-hero,.vtxn-teacher-sidebar) :is(.vtxn-action-icon,.vtxn-card-icon,.vtxn-home-feature-icon,.vtxn-benefit-icon,.vtxn-device-icon,.vtxn-thumb-icon,.vtxn-assignment-hero-icon){
 background:rgba(243,119,32,.17)!important;color:#ffb57a!important;border-color:rgba(243,119,32,.5)!important;
}
body.vtxn-platform-shell :is(.vtxn-dash-hero,.vtxn-course-hero,.vtxn-parent-v16-hero,.vtxn-v19-hero,.vtxn-teacher-sidebar) :is(.vtxn-action-icon,.vtxn-card-icon,.vtxn-home-feature-icon,.vtxn-benefit-icon,.vtxn-device-icon,.vtxn-thumb-icon,.vtxn-assignment-hero-icon) :is(i,svg){color:#ffb57a!important;stroke:currentColor}
/* Teacher sidebar icons should be visible against the purple backdrop. */
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a :is(i,svg){color:#ffb57a!important;stroke:currentColor}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a.is-active :is(i,svg){color:#211432!important;stroke:currentColor}
body.vtxn-platform-shell .vtxn-teacher-sidebar nav a:hover{border-inline-start:3px solid #f37720}
/* Feature tiles, stats, cards: restrained alternating accent, not all-violet. */
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:nth-child(2n){background:var(--bio-alt-surface)!important;border-color:#f9d5bb!important}
body.vtxn-platform-shell .bio-rebrand-home .bio-benefit>span{background:#fff1e7!important;color:#542e91!important;border:1px solid #f7cbaa}
body.vtxn-platform-shell :is(.vtxn-stat-grid>*,.vtxn-teacher-stats>*,.vtxn-metric):nth-child(2n){border-top:3px solid #f37720!important}
body.vtxn-platform-shell :is(.vtxn-stat-grid>*,.vtxn-teacher-stats>*,.vtxn-metric):nth-child(2n+1){border-top:3px solid #542e91!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-section-head a:hover{color:#db6210!important}
/* Functional selected states, when distinct from navigation, use the warm accent. */
body.vtxn-platform-shell :is(.vtxn-step-dots span.is-active,.vtxn-step-dots span.is-done){background:#f37720!important;border-color:#f37720!important;color:#211432!important}
body.vtxn-platform-shell :is(input[type=checkbox],input[type=radio]){accent-color:#f37720}
body.vtxn-platform-shell :is(.vtxn-panel,.vtxn-teacher-panel,.vtxn-teacher-card) a:not(.vtxn-btn):hover{color:#ce580b}
/* Hero science ornaments use orange luminosity against violet background. */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{background:radial-gradient(ellipse at 82% 8%,rgba(243,119,32,.43),transparent 38%),radial-gradient(ellipse at 15% 85%,rgba(243,119,32,.12),transparent 45%),linear-gradient(125deg,#221432,#542e91 56%,#2c1946)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points span{border-color:rgba(255,181,122,.48)!important}
/* Only apply subtle motion when users have not requested reduced motion. */
@media (prefers-reduced-motion:no-preference){
 body.vtxn-platform-shell .bio-rebrand-home .bio-benefit>span{transition:transform .28s ease,box-shadow .28s ease}
 body.vtxn-platform-shell .bio-rebrand-home .bio-benefit:hover>span{transform:rotate(-7deg) translateY(-3px);box-shadow:0 10px 23px rgba(243,119,32,.2)}
}

/* bio24: Dark mode accessible contrast and biology-motion hero finishing */
body.vtxn-platform-shell[data-theme="dark"] :is(.vtxn-page,.vtxn-teacher-dashboard,.vtxn-student-dashboard,.vtxn-parent-card),
body.vtxn-platform-shell.vtxn-dark :is(.vtxn-page,.vtxn-teacher-dashboard,.vtxn-student-dashboard,.vtxn-parent-card){color:#fff!important}
body.vtxn-platform-shell[data-theme="dark"] :is(.vtxn-page,.vtxn-teacher-dashboard,.vtxn-student-dashboard,.vtxn-parent-card) :is(h1,h2,h3,h4,h5,p,span,small,label,li,td,th,strong,b),
body.vtxn-platform-shell.vtxn-dark :is(.vtxn-page,.vtxn-teacher-dashboard,.vtxn-student-dashboard,.vtxn-parent-card) :is(h1,h2,h3,h4,h5,p,span,small,label,li,td,th,strong,b){color:#fff!important}
body.vtxn-platform-shell[data-theme="dark"] :is(.vtxn-page,.vtxn-teacher-dashboard,.vtxn-student-dashboard) :is(input,textarea,select){color:#fff;background:#28193c;border-color:#9874c0}
body.vtxn-platform-shell[data-theme="dark"] :is(input,textarea)::placeholder{color:#dfcfee!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{isolation:isolate;overflow:visible}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:before{content:'🧬';animation:bioHelixFloat 9s ease-in-out infinite}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:after{content:'🌿';animation:bioCellOrbit 16s ease-in-out infinite}
#bio-parent-code-field[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:before,body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher:after{animation:none!important}}

/* bio24: actual dark mode class is on html, not body */
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-page,.vtxn-parent-card,.vtxn-student-dashboard,.vtxn-teacher-dashboard) :is(h1,h2,h3,h4,h5,h6,p,span,small,label,li,strong,b,td,th){color:#fff!important}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-page,.vtxn-parent-card,.vtxn-student-dashboard,.vtxn-teacher-dashboard) :is(a:not(.vtxn-btn),.vtxn-kicker){color:#ffb57a!important}
html.vtxn-dark body.vtxn-platform-shell :is(input,textarea,select){background:#2c1c42!important;color:#fff!important;border-color:#9772c1!important}
html.vtxn-dark body.vtxn-platform-shell :is(input,textarea)::placeholder{color:#e0cfe8!important}
html.vtxn-dark body.vtxn-platform-shell :is(button,.vtxn-btn){color:#211432}
html.vtxn-dark body.vtxn-platform-shell #bio-parent-code-field:not([hidden]){display:grid}

/* BIO25: consistent interaction contrast across light and dark surfaces.
   On #f37720 with white, small text is below WCAG AA, so large bold labels
   and an accessible darker hover/focus state are used where possible.
   Secondary CTA is purple for visual hierarchy. */
body.vtxn-platform-shell :is(button:not(.vtxn-guest-hamburger):not(.vtxn-theme-toggle),input[type="submit"],input[type="button"],a.vtxn-btn,.vtxn-btn,.vtxn-primary-btn,.vtxn-secondary-btn,.vtxn-btn-secondary,.vtxn-teacher-primary,.vtxn-teacher-save,.vtxn-guest-login,.vtxn-guest-register){
  background:#f37720!important;color:#fff!important;border-color:#f37720!important;
}
body.vtxn-platform-shell :is(button:not(.vtxn-guest-hamburger):not(.vtxn-theme-toggle),input[type="submit"],input[type="button"],a.vtxn-btn,.vtxn-btn,.vtxn-primary-btn,.vtxn-secondary-btn,.vtxn-btn-secondary,.vtxn-teacher-primary,.vtxn-teacher-save):hover{
  background:#bb4c07!important;color:#fff!important;border-color:#bb4c07!important;
}
/* Opposing colors for the two prominent conversion paths */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions :is(.vtxn-btn-secondary,.vtxn-btn:nth-child(2)),
body.vtxn-platform-shell .vtxn-guest-header-actions .vtxn-guest-register{
  background:#542e91!important;color:#fff!important;border:1px solid #d3b7f7!important;
}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions :is(.vtxn-btn-secondary,.vtxn-btn:nth-child(2)):hover,
body.vtxn-platform-shell .vtxn-guest-header-actions .vtxn-guest-register:hover{
  background:#3c1d6c!important;color:#fff!important;
}
body.vtxn-platform-shell .vtxn-guest-header-actions .vtxn-guest-login,
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions .vtxn-btn:first-child{
  background:#f37720!important;color:#fff!important;border-color:#f37720!important;
}
/* Dark theme: dark cards, light text; no purple/black type on dark cards. */
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-page,.vtxn-panel,.vtxn-card,.vtxn-teacher-card,.vtxn-teacher-panel,.vtxn-register-card,.vtxn-parent-card,.vtxn-metric,.vtxn-stat-grid>*,.bio-benefit,.vtxn-side-card){
  background-color:#21142f!important;border-color:#78569f!important;color:#fff!important;
}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-page,.vtxn-panel,.vtxn-card,.vtxn-teacher-card,.vtxn-teacher-panel,.vtxn-register-card,.vtxn-parent-card,.vtxn-metric,.vtxn-stat-grid>*,.bio-benefit,.vtxn-side-card) :is(h1,h2,h3,h4,h5,h6,p,span,small,label,li,td,th,b,strong){color:#fff!important}
html.vtxn-dark body.vtxn-platform-shell :is(input,select,textarea){background-color:#2d1b41!important;color:#fff!important;border-color:#a98ac9!important}
html.vtxn-dark body.vtxn-platform-shell :is(input,select,textarea)::placeholder{color:#dacdec!important}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-btn,.vtxn-primary-btn,.vtxn-btn-secondary,button[type=submit],input[type=submit],.vtxn-guest-login,.vtxn-guest-register){color:#fff!important}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-guest-register,.vtxn-home-actions .vtxn-btn-secondary){background:#542e91!important;color:#fff!important}
/* preserve conventional blue links only outside the plugin shell */

/* BIO26: Canvas platform route shell: full-bleed flex layout without touching
 * Elementor containers saved by the site owner. */
body.vtxn-platform-shell{margin:0!important;width:100%!important;max-width:none!important;min-width:0}
body.vtxn-platform-shell #page,body.vtxn-platform-shell #content,
body.vtxn-platform-shell .site-main,body.vtxn-platform-shell .site-content,
body.vtxn-platform-shell .elementor,body.vtxn-platform-shell .elementor-section-wrap{
 width:100%;max-width:none!important;margin-inline:0;min-width:0}
body.vtxn-platform-shell .elementor-widget-shortcode,
body.vtxn-platform-shell .elementor-widget-container{width:100%;min-width:0}
body.vtxn-platform-shell .elementor-widget-shortcode>.elementor-widget-container{
 display:flex;flex-direction:column;align-items:stretch}
body.vtxn-platform-shell .elementor-widget-shortcode>.elementor-widget-container>*{width:100%;min-width:0}
body.vtxn-platform-shell .entry-header .entry-title,
body.vtxn-platform-shell .page-header .page-title{display:none!important}


/* BIO27: homepage hero composition – white portrait side, purple text side. */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{
  direction:rtl;display:grid!important;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;
  align-items:stretch!important;gap:0!important;padding:0!important;min-height:545px!important;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 30%,#f8f3ff 39%,#8a64bc 51%,#542e91 65%,#392064 100%)!important;
  border:1px solid #e8ddf1!important;border-radius:34px!important;overflow:hidden!important;
  box-shadow:0 24px 66px rgba(84,46,145,.14)!important;
}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero::before,
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero::after{display:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy{padding:clamp(30px,4.2vw,66px)!important;align-self:center!important;max-width:none!important;z-index:3!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy h1{color:#ffffff!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy p{color:#f7eeff!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{position:relative!important;align-self:stretch!important;min-height:545px!important;margin:0!important;padding:10px 0 0!important;filter:none!important;background:transparent!important;overflow:hidden!important;isolation:isolate}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{content:''!important;display:block!important;position:absolute!important;inset:12% 7% 12%!important;background:radial-gradient(circle,rgba(243,119,32,.14),transparent 65%)!important;border:0!important;box-shadow:none!important;z-index:0!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::after{content:''!important;display:block!important;position:absolute!important;inset:auto 0 0!important;height:23%!important;background:linear-gradient(to bottom,transparent,#ffffff 93%)!important;z-index:4!important;pointer-events:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{display:block!important;position:relative!important;z-index:1!important;width:100%!important;height:100%!important;max-height:545px!important;object-fit:contain!important;object-position:bottom center!important;border-radius:0!important;mix-blend-mode:normal!important;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points{display:flex!important;flex-wrap:wrap!important;gap:8px 22px!important;margin-top:22px!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points span{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important;border-radius:0!important;color:#fff!important;padding:0!important;font-size:clamp(11px,1vw,13px)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;position:relative;z-index:5}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(1){background:#f37720!important;border:2px solid #f37720!important;color:#ffffff!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(2){background:#ffffff!important;border:2px solid #ffffff!important;color:#c4510a!important;box-shadow:0 9px 24px rgba(31,18,53,.13)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(3){background:#542e91!important;border:2px solid rgba(255,255,255,.7)!important;color:#ffffff!important;box-shadow:0 9px 24px rgba(31,18,53,.12)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:hover{filter:brightness(.94);transform:translateY(-2px)}
@media(max-width:900px){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;min-height:460px!important}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{min-height:460px!important}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{max-height:460px!important}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy{padding:26px!important}}
@media(max-width:700px){
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{display:flex!important;flex-direction:column!important;min-height:0!important;gap:0!important;padding:0!important;background:linear-gradient(to bottom,#ffffff 0%,#ffffff 39%,#eee4fa 46%,#542e91 57%,#392064 100%)!important;border-radius:24px!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{order:0!important;width:100%!important;min-height:270px!important;height:clamp(280px,82vw,410px)!important;max-width:none!important;margin:0!important;padding:0!important;flex:0 0 auto!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{height:100%!important;width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy{order:1!important;padding:18px 20px 28px!important;align-self:stretch!important;max-width:none!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy h1{font-size:clamp(29px,7.6vw,42px)!important;margin:8px 0 10px!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy p{font-size:13px!important;line-height:1.9!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn{width:100%!important;min-height:46px!important;height:auto!important;padding:10px 9px!important;font-size:12px!important;white-space:normal!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(3){grid-column:1/-1}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points{margin-top:16px!important;gap:6px 14px!important;justify-content:center!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-points span{font-size:11px!important;line-height:1.6!important}
}
@media(max-width:380px){body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions{grid-template-columns:1fr!important}body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(3){grid-column:auto}}


/* BIO28: animated biology field behind teacher + opaque fixed header refinement. */
@keyframes bioTeacherFieldDrift{0%{transform:translate3d(0,0,0) scale(1);opacity:.7}50%{transform:translate3d(-10px,10px,0) scale(1.03);opacity:.95}100%{transform:translate3d(0,0,0) scale(1);opacity:.7}}
@keyframes bioTeacherCellFloat{0%{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(-12px) translateX(8px) rotate(6deg)}100%{transform:translateY(0) translateX(0) rotate(0deg)}}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{background:
 radial-gradient(circle at 18% 28%,rgba(243,119,32,.12),transparent 16%),
 radial-gradient(circle at 82% 22%,rgba(84,46,145,.10),transparent 18%),
 linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,246,255,.95))!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{
 content:''!important;display:block!important;position:absolute!important;inset:6% 4% 12%!important;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 340'%3E%3Cg fill='none' stroke='%23f37720' stroke-width='4' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M42 18c42 33 42 74 0 108s-42 75 0 108 42 75 0 108'/%3E%3Cpath d='M178 18c-42 33-42 74 0 108s42 75 0 108-42 75 0 108'/%3E%3C/g%3E%3Cg stroke='%23542e91' stroke-width='2.6' opacity='.42'%3E%3Cpath d='M57 42h106'/%3E%3Cpath d='M66 82h88'/%3E%3Cpath d='M57 122h106'/%3E%3Cpath d='M66 162h88'/%3E%3Cpath d='M57 202h106'/%3E%3Cpath d='M66 242h88'/%3E%3Cpath d='M57 282h106'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23f37720' stroke-width='3' opacity='.46'%3E%3Ccircle cx='70' cy='70' r='34'/%3E%3Ccircle cx='70' cy='70' r='16'/%3E%3Cpath d='M70 12v18M70 110v18M12 70h18M110 70h18M31 31l12 12M97 97l12 12M31 109l12-12M97 43l12-12'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23542e91' stroke-width='3' opacity='.28'%3E%3Ccircle cx='80' cy='80' r='28'/%3E%3Cpath d='M80 22c12 12 15 28 0 43-15 15-12 31 0 43'/%3E%3Cpath d='M57 36c7 14 6 28-6 40M103 124c-7-14-6-28 6-40'/%3E%3C/g%3E%3C/svg%3E");
 background-repeat:no-repeat,no-repeat,no-repeat;
 background-size:clamp(120px,18vw,190px) auto,clamp(72px,10vw,110px) auto,clamp(88px,12vw,125px) auto;
 background-position:12% 48%,82% 18%,72% 66%;
 border:0!important;box-shadow:none!important;z-index:0!important;opacity:.9;
 animation:bioTeacherFieldDrift 16s ease-in-out infinite;
}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::after{
 content:''!important;display:block!important;position:absolute!important;inset:auto 0 0!important;height:25%!important;
 background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.72) 52%,#ffffff 96%)!important;z-index:4!important;pointer-events:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{z-index:2!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher .bio-cell-orb{display:none}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-copy{z-index:5!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(2){background:#ffffff!important;border:2px solid #ffffff!important;color:#f37720!important;box-shadow:0 10px 22px rgba(34,20,50,.12)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(2):hover{background:#fff7f0!important;border-color:#fff7f0!important;color:#d96612!important}
@media(prefers-reduced-motion:no-preference){
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{animation:bioTeacherCellFloat 14s ease-in-out infinite}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{animation:bioTeacherFieldDrift 18s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher,body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{animation:none!important}
}

/* Opaque sticky header across all pages so content does not bleed behind it. */
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){
 background:rgba(255,255,255,.98)!important;border:1px solid rgba(84,46,145,.12)!important;
 box-shadow:0 16px 38px rgba(84,46,145,.12)!important;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04)}
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest)::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,247,255,.96));z-index:-1}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){background:rgba(34,20,50,.97)!important;border-color:rgba(255,181,122,.18)!important;box-shadow:0 18px 42px rgba(0,0,0,.38)!important}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest)::before{background:linear-gradient(180deg,rgba(34,20,50,.98),rgba(44,28,66,.96))}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest) :is(a,span,strong,b,button){color:#ffffff}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest) .vtxn-language-toggle{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important}

@media(max-width:700px){
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{inset:7% 6% 10%!important;background-size:112px auto,72px auto,84px auto!important;background-position:14% 42%,88% 18%,76% 66%!important;opacity:.88}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::after{height:22%!important}
}

/* BIO29: full-bleed fixed navigation prevents scroll bleed above the header. */
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){
  position:fixed!important;top:0!important;left:0!important;right:0!important;inset-inline:0!important;
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  margin:0!important;padding-top:12px!important;padding-bottom:10px!important;
  border-radius:0 0 19px 19px!important;border-top:0!important;z-index:100000!important;
  background:#ffffff!important;overflow:visible!important;
}
html.vtxn-dark body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){background:#221432!important}
body.admin-bar.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){top:32px!important}
body.vtxn-platform-shell .vtxn-fixed-header-spacer{height:90px!important}
@media(max-width:782px){
 body.admin-bar.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){top:46px!important}
}
@media(max-width:620px){
 body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){padding-top:8px!important;padding-bottom:8px!important;border-radius:0 0 14px 14px!important}
 body.vtxn-platform-shell .vtxn-fixed-header-spacer{height:78px!important}
}
/* Clear white sign-in button with orange text in all normal/hover/focus states. */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(2),
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a.vtxn-btn:nth-child(2):is(:hover,:focus,:active){
 background:#ffffff!important;color:#c4510a!important;border-color:#ffffff!important;
}
/* Ensure the portrait stays in front of decorative biological motion. */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher>img{position:relative;z-index:3!important}


/* BIO31 — eliminate the doubled top gap; keep room only for the fixed navigation. */
body.vtxn-platform-shell .vtxn-page.bio-rebrand-home{margin-top:0!important;padding-top:0!important;row-gap:18px!important}
body.vtxn-platform-shell .vtxn-page.bio-rebrand-home>.vtxn-home-hero{margin-top:0!important}
body.vtxn-platform-shell .vtxn-fixed-header-spacer{height:78px!important}
body.vtxn-platform-shell :is(.vtxn-unified-nav,.vtxn-unified-guest){min-height:70px!important}
/* Make the entire hero the blended background, not two sharp colored panels. */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{
 background:linear-gradient(90deg,#f7f1ff 0%,#f4eaff 13%,#b49ad6 35%,#7046aa 51%,#542e91 69%,#392064 100%)!important;
}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{background:transparent!important;isolation:isolate!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::before{display:none!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher::after{background:linear-gradient(to bottom,transparent,rgba(122,80,173,.16) 48%,rgba(101,59,151,.5) 88%,rgba(99,58,151,.66))!important;height:22%!important;z-index:4!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher img{position:relative!important;z-index:3!important;max-height:545px!important;object-fit:contain!important;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important}
/* Actual decorative SVGs: previously the pseudo-element was largely hidden by the portrait. */
body.vtxn-platform-shell .bio-rebrand-home .bio-hero-biology{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
body.vtxn-platform-shell .bio-rebrand-home .bio-hero-biology svg{position:absolute;display:block;filter:drop-shadow(0 4px 13px rgba(84,46,145,.12))}
body.vtxn-platform-shell .bio-rebrand-home .bio-biology-dna{width:clamp(100px,13vw,185px);height:auto;top:12%;left:4%;opacity:.87;animation:bioDnaSway 12s ease-in-out infinite}
body.vtxn-platform-shell .bio-rebrand-home .bio-biology-cell-one{width:clamp(75px,9vw,125px);top:10%;right:9%;animation:bioCellSwim 10s ease-in-out infinite}
body.vtxn-platform-shell .bio-rebrand-home .bio-biology-brain{width:clamp(76px,9vw,132px);bottom:18%;left:15%;opacity:.92;animation:bioBrainFloat 13s ease-in-out infinite reverse}
@keyframes bioDnaSway{0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}50%{transform:translate3d(14px,-17px,0) rotate(7deg)}}
@keyframes bioCellSwim{0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}50%{transform:translate3d(-12px,15px,0) rotate(12deg)}}
@keyframes bioBrainFloat{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(10px,-14px,0) rotate(5deg)}}
/* Login CTA applies to guest markup (logged-in homepage has a different second action). */
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a[href*="login"],
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a[href*="login"]:is(:hover,:focus,:active){background:#ffffff!important;background-image:none!important;color:#c4510a!important;border:2px solid #ffffff!important;box-shadow:0 9px 24px rgba(31,18,53,.13)!important}
body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-actions>a[href*="login"] *{color:#c4510a!important}
@media(max-width:700px){
 body.vtxn-platform-shell .vtxn-page.bio-rebrand-home{margin-top:0!important}
 body.vtxn-platform-shell .vtxn-fixed-header-spacer{height:70px!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-hero{background:linear-gradient(to bottom,#fcf9ff 0%,#e6d9f5 28%,#986fcb 49%,#542e91 69%,#392064 100%)!important}
 body.vtxn-platform-shell .bio-rebrand-home .vtxn-home-teacher{background:transparent!important}
 body.vtxn-platform-shell .bio-rebrand-home .bio-biology-dna{width:105px;top:14%;left:5%}
 body.vtxn-platform-shell .bio-rebrand-home .bio-biology-cell-one{width:78px;top:7%;right:9%}
 body.vtxn-platform-shell .bio-rebrand-home .bio-biology-brain{width:82px;bottom:14%;left:14%}
}
@media(prefers-reduced-motion:reduce){body.vtxn-platform-shell .bio-rebrand-home .bio-hero-biology svg{animation:none!important}}

/* Bio33: concise, accessible course-group selector in the teacher portal */
.vtxn-teacher-panel .bio-course-groups-card{display:block;margin:14px 0;padding:18px;border:1px solid #ded2ee;border-radius:16px;background:#fff;max-width:100%;box-shadow:0 3px 14px rgba(84,46,145,.06)}
.bio-course-groups-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.bio-course-groups-title{font-size:1.06rem;color:#542e91}
.bio-course-groups-count{font-size:.85rem;font-weight:700;color:#542e91;background:#f4edf9;border-radius:99px;padding:5px 12px}
.bio-course-groups-actions{display:flex;align-items:start;gap:12px;flex-wrap:wrap}
.bio-course-groups-dropdown{position:relative;flex:1 1 320px;min-width:0;border:1px solid #a98dc7;border-radius:11px;background:#fff;color:#26163d;overflow:visible}
.bio-course-groups-dropdown>summary{list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;font-weight:700;color:#542e91}
.bio-course-groups-dropdown>summary::-webkit-details-marker{display:none}
.bio-course-groups-arrow{font-size:1.5rem;color:#f37720;line-height:1;transition:transform .2s}
.bio-course-groups-dropdown[open] .bio-course-groups-arrow{transform:rotate(180deg)}
.bio-course-groups-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px;padding:11px;border-top:1px solid #e8ddf1;max-height:330px;overflow:auto}
.bio-course-groups-option{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0;margin:0!important;padding:10px 12px!important;border-radius:9px;background:#faf7fd;cursor:pointer;color:#26163d!important;font-weight:600!important;text-align:right}
.bio-course-groups-option:hover{background:#f7e8dc}
.bio-course-groups-option input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#f37720!important;position:static!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;opacity:1!important;vertical-align:middle}
.bio-course-groups-option span{display:inline!important;flex:1;line-height:1.6;font-size:.88rem}
.bio-course-groups-inactive{opacity:.72}
.bio-course-groups-save{flex:0 0 auto;min-height:46px;white-space:nowrap;background:#f37720!important;color:#fff!important;border-radius:11px!important;padding:11px 20px!important;font-weight:800!important}
html.vtxn-dark .bio-course-groups-card{background:#221532;border-color:#664583}
html.vtxn-dark .bio-course-groups-title,html.vtxn-dark .bio-course-groups-count{color:#fff}
html.vtxn-dark .bio-course-groups-count{background:#452960}
html.vtxn-dark .bio-course-groups-dropdown{background:#2d1c42;border-color:#775895}
html.vtxn-dark .bio-course-groups-dropdown>summary{color:#fff}
html.vtxn-dark .bio-course-groups-options{border-color:#654685}
html.vtxn-dark .bio-course-groups-option{background:#39244f;color:#fff!important}
html.vtxn-dark .bio-course-groups-option:hover{background:#583260}
@media(max-width:640px){.vtxn-teacher-panel .bio-course-groups-card{padding:12px}.bio-course-groups-actions{flex-direction:column}.bio-course-groups-dropdown,.bio-course-groups-save{width:100%;flex-basis:auto}.bio-course-groups-options{grid-template-columns:1fr}}