body#superpe-home{background:#fcf8fc;color:#32243a;padding-bottom:85px;overflow-x:hidden}
body#superpe-home>header{position:relative;z-index:30}
body#superpe-home #topmenu{background:linear-gradient(110deg,#fbf6fc,#f1e2f4,#f8e7ef)!important}
#sp-home-content{max-width:1240px;margin:20px auto;padding:0 16px}
#sp-home-content #st-connected-landing{width:100%;max-width:none;margin:0}
#sp-home-content #st-one-lesson{width:100%;max-width:none}
#sp-home-content .superpe-real-signin{display:none!important}
#sp-home-content #st-connected-landing>header{padding:14px 24px}
#sp-home-content #st-connected-landing>header .superpe-logo{width:210px}
#sp-home-content button{letter-spacing:normal;text-transform:none}
#sp-home-content p{margin-top:0}
#sp-home-content [hidden],#sp-mobile-menu[hidden]{display:none!important}
.sp-assessment-entry{display:inline-flex!important;align-items:center;padding:10px 14px!important;border-radius:12px;background:#fff2d2!important;color:#542164!important;font-size:13px!important;font-weight:700;white-space:nowrap}
#sp-mobile-header{display:none}
body#superpe-home #navbarContent li:has(>a#okosedzes-okosedzes-dropdown){display:none!important}
@media(min-width:768px){
 body#superpe-home nav.main-nav{flex-wrap:nowrap!important;gap:3px;max-width:100%;box-sizing:border-box;padding-left:8px!important;padding-right:8px!important}
 body#superpe-home nav.main-nav .okostesi-year-plan-quick-link{font-size:14px!important;padding:8px 10px!important;margin:4px 8px!important;gap:5px;flex:0 0 auto}
 body#superpe-home nav.main-nav #navbarContent{display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:4px;min-width:0;width:auto!important}
 body#superpe-home nav.main-nav #navbarContent>.navbar-nav{width:auto!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:0}
 body#superpe-home nav.main-nav #navbarContent>.navbar-nav>li{margin-left:0!important;margin-right:0!important}
 body#superpe-home nav.main-nav #navbarContent>.navbar-nav>li>a{font-size:clamp(11px,.82vw,14px)!important;padding-left:2px!important;padding-right:2px!important;white-space:nowrap}
 body#superpe-home nav.main-nav #navbarContent>.okostesi-purple-actions{flex:0 0 auto!important;flex-wrap:nowrap!important;margin:0!important;gap:6px!important}
 body#superpe-home nav.main-nav .okostesi-tesimentor-link,body#superpe-home nav.main-nav .okostesi-purple-task-search__toggle{font-size:clamp(11px,.85vw,14px)!important;padding:8px 6px!important;gap:4px!important;min-height:38px!important;white-space:nowrap}
 body#superpe-home nav.main-nav .okostesi-purple-task-search__toggle span{font-size:inherit!important}
 body#superpe-home nav.main-nav .okostesi-year-plan-quick-link small{display:none}
 body#superpe-home nav.main-nav .okostesi-tesimentor-link small{width:22px!important;height:22px!important;font-size:10px!important}
 body#superpe-home nav.main-nav .okostesi-year-plan-quick-link{font-size:clamp(12px,.85vw,14px)!important;margin:4px!important;padding:8px!important}
 body#superpe-home nav.main-nav .sp-assessment-entry{font-size:clamp(12px,.85vw,13px)!important;padding:9px 10px!important}
 body#superpe-home nav.main-nav .sp-assessment-entry{flex:0 0 auto;max-width:100%;margin:0!important}
}
@media(min-width:1200px) and (max-width:1359.98px){body#superpe-home nav.main-nav #navbarContent{zoom:.9}}
body#superpe-home #okostesi-dock-help{background:#622570;color:#fff;font-size:14px;font-weight:700;border-radius:12px;min-height:44px}
body#superpe-home #okostesi-page-dock{grid-template-columns:1fr 1.8fr 1fr}
body#superpe-home #mincart{min-width:48px}
@media(max-width:1199.98px) and (min-width:768px){body#superpe-home #topmenu{display:flex;flex-wrap:wrap}body#superpe-home #navbarColor03{display:flex!important}body#superpe-home #navbarColor03>ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}body#superpe-home #topmenu>.navbar-toggler{display:none}}
@media(max-width:1199.98px){
 body#superpe-home>header{display:none!important}
 #sp-mobile-header{display:block;position:relative;z-index:40;margin:8px;background:linear-gradient(110deg,#fbf6fc,#f1e2f4);padding:10px;border-radius:18px;box-shadow:0 3px 14px #54216415}
 .sp-mobile-top{display:grid;grid-template-columns:minmax(75px,1fr) 44px 44px 42px;align-items:center;gap:7px}
 .sp-mobile-top>a{font-size:12px;font-weight:700;color:#662679;text-align:center}
 .sp-mobile-top img{display:block;max-width:100%;width:90px;height:auto}
 .sp-mobile-top .sp-mobile-shop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;border-radius:12px;background:#712e85;color:#fff;box-shadow:0 3px 10px #712e8526;text-decoration:none}
 .sp-mobile-shop svg{display:block;flex:none}
 .sp-mobile-shop span{font-size:8px;font-weight:700;line-height:10px}
 .sp-mobile-top .sp-mobile-cart{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border:1px solid #bd98c5;border-radius:50%;color:#712e85;text-decoration:none}
 .sp-mobile-cart i{font-size:19px}
 .sp-mobile-cart span{position:absolute;right:-3px;top:-3px;min-width:18px;padding:1px 4px;border-radius:12px;background:#712e85;color:#fff;font-size:11px;line-height:16px}
 .sp-mobile-shop:focus-visible,.sp-mobile-cart:focus-visible{outline:3px solid #f28a32;outline-offset:2px}
 #sp-menu-toggle{width:42px;height:42px;border:0;border-radius:12px;background:#70277d;color:#fff;font-size:23px}
 #sp-mobile-header form{display:flex;gap:6px;margin-top:10px}
 #sp-search{width:0;flex:1;min-width:0;border:1px solid #dbc9de;border-radius:10px;padding:10px;background:#fff;font-size:16px}
 #sp-mobile-header form button{border:0;border-radius:10px;background:#70277d;color:#fff;padding:8px 12px;font-size:13px}
 #sp-mobile-menu{margin-top:10px;border-top:1px solid #ddcde0;padding-top:8px;max-height:65vh;overflow:auto}
 #sp-mobile-menu>a,#sp-mobile-categories>a,#sp-mobile-categories details{display:block;margin:4px 0;padding:11px;background:#fff;border-radius:9px;color:#572468;font-size:15px}
 #sp-mobile-categories details a{display:block;padding:9px 5px;color:#572468;border-top:1px solid #eee}
 #sp-mobile-categories summary{cursor:pointer;font-weight:700}
 #sp-home-content{padding:0 8px;margin:12px auto;max-width:100%}
 #sp-home-content #st-connected-landing>header{padding:10px 15px;gap:8px}
 #sp-home-content #st-connected-landing>header .superpe-logo{width:160px}
 #sp-home-content [data-st-language-select]{width:140px;font-size:16px}
}


/* Role-first entry, scoped to the test SuperPE shell. */
body#superpe-home #topmenu .sp-brand-pair{display:flex!important;align-items:center;justify-content:center;gap:14px}
body#superpe-home #topmenu .sp-brand-pair img{width:132px!important;height:auto!important;max-width:46%;object-fit:contain}
body#superpe-home #topmenu .sp-brand-pair .sp-header-superpe{width:150px!important;border-radius:0!important;box-shadow:none!important}
body#superpe-home #st-connected-landing.sp-role-first>header{display:none!important}
body#superpe-home #st-connected-landing.sp-role-first .hero{display:grid!important;grid-template-columns:minmax(0,1fr) 200px!important;align-items:center!important;gap:28px!important;padding:26px 28px!important;margin:0 0 22px!important;min-height:0!important;background:#f4edf6!important;color:#32243a!important;border:1px solid #e5d6eb!important;border-radius:20px!important;box-shadow:none!important;overflow:visible!important}
body#superpe-home #st-connected-landing.sp-role-first .hero:before,body#superpe-home #st-connected-landing.sp-role-first .hero:after{display:none!important}
body#superpe-home #st-connected-landing.sp-role-first .hero .eyebrow{display:none!important}
body#superpe-home #st-connected-landing.sp-role-first .hero h1{font-size:clamp(20px,2vw,28px)!important;line-height:1.25!important;color:#683782!important;margin:0 0 8px!important}
body#superpe-home #st-connected-landing.sp-role-first .hero h1 br{display:none}
body#superpe-home #st-connected-landing.sp-role-first .hero h1 em{color:inherit!important;border:0!important;font-style:normal!important;margin-left:.2em}
body#superpe-home #st-connected-landing.sp-role-first .hero p{font-size:15px!important;line-height:1.5!important;color:#746779!important;max-width:680px;margin:0!important}
body#superpe-home #st-connected-landing.sp-role-first .roles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;padding:22px 0 0!important;margin:0!important;border:0!important}
body#superpe-home #st-connected-landing.sp-role-first .roles>span{grid-column:1/-1;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.2!important;font-weight:800!important;color:#4c245e!important;margin:0 0 5px!important}
body#superpe-home #st-connected-landing.sp-role-first .roles button{min-height:66px!important;padding:14px 12px!important;border:2px solid #bc98cd!important;border-radius:14px!important;background:white!important;color:#57276b!important;font-size:17px!important;font-weight:700!important;box-shadow:none!important;white-space:normal}
body#superpe-home #st-connected-landing.sp-role-first .roles button[aria-pressed=true]{background:#742a85!important;color:white!important;border-color:#742a85!important;box-shadow:0 4px 0 #e8c795!important}
body#superpe-home #st-connected-landing.sp-role-first .roles button:hover{border-color:#742a85!important}
body#superpe-home #st-connected-landing.sp-role-first .warm-scene{width:100%!important;max-width:200px!important;margin:0!important;padding:6px!important;transform:none!important;box-shadow:none!important;border-radius:16px!important;background:white!important}
body#superpe-home #st-connected-landing.sp-role-first .warm-scene img{width:100%!important;height:140px!important;object-fit:cover!important;border-radius:12px!important}
body#superpe-home #st-connected-landing.sp-role-first .warm-scene figcaption{display:none!important}
@media(max-width:1199.98px){body#superpe-home .sp-mobile-top .sp-brand-pair{display:flex;gap:8px;align-items:center;flex:1;min-width:0}body#superpe-home .sp-mobile-top .sp-brand-pair img{width:85px!important;max-width:46%;height:auto!important}body#superpe-home .sp-mobile-top .sp-brand-pair .sp-header-superpe{width:100px!important}}
@media(max-width:850px){body#superpe-home #st-connected-landing.sp-role-first .hero{grid-template-columns:minmax(0,1fr)!important;position:relative;padding:20px!important}body#superpe-home #st-connected-landing.sp-role-first .warm-scene{display:none!important}}
@media(max-width:520px){body#superpe-home #st-connected-landing.sp-role-first .hero{padding:20px 14px!important}body#superpe-home #st-connected-landing.sp-role-first .roles{grid-template-columns:1fr;gap:10px!important}body#superpe-home #st-connected-landing.sp-role-first .roles button{min-height:54px!important}body#superpe-home .sp-mobile-top{gap:5px!important}body#superpe-home .sp-mobile-top .sp-brand-pair{gap:4px}body#superpe-home .sp-mobile-top .sp-brand-pair img{width:65px!important}body#superpe-home .sp-mobile-top .sp-brand-pair .sp-header-superpe{width:78px!important}}

/* Rounded header logo and search — 2026-09-20 */
body#superpe-home .sp-brand-pair img:not(.sp-header-superpe){border-radius:24px!important}
body#superpe-home #topmenu #search{border-radius:999px!important}