/* Homepage navigation shared by all manual pages. */
#ido-registration .ido-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}
#ido-registration .ido-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
#ido-registration .ido-wordmark{display:block;width:111px;height:auto;overflow:visible}
#ido-registration .ido-chalk{width:37px;height:34px;display:block;overflow:visible}
#ido-registration .ido-menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
#ido-registration .ido-menu>a:hover,#ido-registration .ido-menu summary:hover{opacity:.8}
#ido-registration .ido-menu details{position:relative}
#ido-registration .ido-menu .ido-mobile-menu{display:none}
#ido-registration .ido-menu summary{list-style:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}
#ido-registration .ido-menu summary::-webkit-details-marker{display:none}
#ido-registration .ido-menu summary:after{content:"⌄";font-size:13px}
#ido-registration .ido-dropdown{position:absolute;top:calc(100% + 15px);left:-20px;min-width:215px;border-radius:12px;background:white;color:#172458;box-shadow:0 12px 30px #051e4933;padding:10px;display:grid;gap:2px;border:1px solid #e6edf7}
#ido-registration .ido-dropdown a{padding:9px 12px;font-size:13px;border-radius:7px}
#ido-registration .ido-dropdown a:hover{background:#eff5fd}
#ido-registration .ido-nav{font-family:Jost,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:white;height:102px;line-height:1.5}#ido-registration .ido-wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}#ido-registration .ido-menu{margin-right:175px;gap:22px}#ido-registration .ido-menu>a{white-space:nowrap}#ido-registration .ido-nav a{color:inherit;text-decoration:none}#ido-registration .ido-dropdown a{color:#172458}
body:has(#ido-registration) #sp-translation{inset:0 0 auto;width:100%;height:0;font-size:14px}
body:has(#ido-registration) #sp-translation .gt_switcher_wrapper{position:absolute!important;top:34px!important;right:max(56px,calc((100% - 1320px)/2))!important;z-index:25!important}
body:has(#ido-registration) #sp-translation .gt_switcher{width:148px;font-family:Jost,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
body:has(#ido-registration) #sp-translation .gt_selected{background:#fff!important;border:1px solid #dce4f1!important;border-radius:9px}
body:has(#ido-registration) #sp-translation .gt_switcher a{color:#172458!important;background:#fff!important;text-shadow:none!important;font-weight:500}
body:has(#ido-registration) #sp-translation .gt_selected a{padding:7px 10px;border:0!important;border-radius:8px}
body:has(#ido-registration) #sp-translation .gt_selected a:after{filter:none!important;opacity:.8}
body:has(#ido-registration) #sp-translation .gt_option{background:#fff!important;border:1px solid #dce4f1!important;border-radius:9px;box-shadow:0 12px 28px #051e4933}
body:has(#ido-registration) #sp-translation .gt_option a{padding:8px 10px}
body:has(#ido-registration) #sp-translation .gt_option a:hover,body:has(#ido-registration) #sp-translation .gt_option a.gt_current{background:#eaf1fc!important;color:#102252!important}
body:has(#ido-registration) #sp-translation .gt_switcher a:focus-visible{outline:3px solid #ffc86f;outline-offset:-3px}
#ido-registration .ido-menu{margin-right:175px}
@media(max-width:1250px){#ido-registration .ido-wrap{width:calc(100% - 72px)}#ido-registration .ido-menu{gap:15px;font-size:13px}}
@media(max-width:1100px){#ido-registration .ido-menu>a,#ido-registration .ido-menu>details{display:none}#ido-registration .ido-menu>.ido-mobile-menu{display:block}#ido-registration .ido-mobile-menu .ido-dropdown{left:auto;right:0}}
@media(max-width:800px){#ido-registration .ido-wrap{width:calc(100% - 40px)}#ido-registration .ido-nav{padding-top:27px;height:95px}#ido-registration .ido-menu{margin-right:0}#ido-registration .ido-wordmark{width:93px}#ido-registration .ido-chalk{width:30px;height:29px}}
body:has(#ido-registration) #sp-translation{position:absolute;z-index:20;background:transparent!important}
body:has(#ido-registration) #sp-translation .container{padding:0;width:auto}
body:has(#ido-registration) #sp-translation .gt_switcher{border-radius:9px;overflow:hidden}
@media(max-width:1150px){body:has(#ido-registration) #sp-translation .gt_switcher_wrapper{right:36px!important}}
@media(max-width:800px){body:has(#ido-registration) #sp-translation .gt_switcher_wrapper{top:6px!important;right:20px!important}body:has(#ido-registration) #sp-translation .gt_switcher{width:132px;font-size:13px}body:has(#ido-registration) #sp-translation .gt_selected a{padding:4px 8px}}

#ido-registration .ido-site-header{background:radial-gradient(ellipse at 54% -15%,#1978dc 0,#0752b9 57%,#123282 100%);position:relative;z-index:10}


/* Restore the original Manual links and nested How to menu on desktop and mobile. */
#ido-registration .ido-manual-dropdown{min-width:260px;max-height:min(75vh,680px);overflow-y:auto}
#ido-registration .ido-manual-dropdown .ido-howto-menu{display:block;position:static}
#ido-registration .ido-manual-dropdown .ido-howto-menu>summary{padding:9px 12px;border-radius:7px;color:#172458;font-size:13px}
#ido-registration .ido-manual-dropdown .ido-howto-menu>summary:hover{background:#eff5fd}
#ido-registration .ido-howto-links{border-left:2px solid #dce7f7;margin:3px 0 5px 13px;padding-left:5px}
#ido-registration .ido-howto-menu[open]>.ido-howto-links{display:grid;gap:2px}
#ido-registration .ido-howto-links a{white-space:normal}
#ido-registration .ido-mobile-menu .ido-manual-menu{display:block;position:static}
#ido-registration .ido-mobile-menu .ido-manual-menu>summary{padding:9px 12px;color:#172458;font-size:13px;border-radius:7px}
#ido-registration .ido-mobile-menu .ido-manual-menu>.ido-manual-dropdown{position:static;min-width:0;max-height:none;box-shadow:none;border:0;padding:0 0 0 10px;background:#f6f9fe}
#ido-registration .ido-mobile-menu>.ido-dropdown{max-height:calc(100dvh - 110px);overflow-y:auto}
#ido-registration .ido-manual-menu summary:focus-visible{outline:3px solid #dc9b30;outline-offset:3px}


@media print{#ido-registration .ido-site-header{display:none}}

/* Open split layout; all rules are confined to registration. */
body:has(#ido-registration){background:#fff;color:#132447;font-family:Jost,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body:has(#ido-registration) #sp-header,body:has(#ido-registration) #sp-header-placeholder,body:has(#ido-registration) #sp-page-title,body:has(#ido-registration) #sp-before-footer,body:has(#ido-registration) #sp-bottom,body:has(#ido-registration) #sp-footer{display:none!important}
body:has(#ido-registration) #sp-main-body{padding:0!important}
body:has(#ido-registration) #sp-main-body>.container{width:100%;max-width:none;padding:0}
body:has(#ido-registration) #sp-main-body .container-inner>.row{margin:0}
body:has(#ido-registration) #sp-component{width:100%;max-width:100%;flex-basis:100%;padding:0}
body:has(#ido-registration) #system-message-container:has(joomla-alert){max-width:1200px;margin:12px auto;padding:0 20px}
#ido-registration{font-family:Jost,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#132447;font-size:16px;line-height:1.5;overflow:clip}
#ido-registration,#ido-registration *{box-sizing:border-box}
#ido-registration a{color:#0962cf;text-decoration:none}
#ido-registration a:hover{text-decoration:underline}
#ido-registration a:focus-visible,#ido-registration summary:focus-visible,#ido-registration button:focus-visible{outline:3px solid #dc9b30;outline-offset:4px}
#ido-registration .ido-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#ido-registration .ido-skip:focus{position:absolute;z-index:100;background:white;padding:15px}
#ido-registration .ido-site-header{background:#fff;border-bottom:1px solid #e7edf5}
#ido-registration .ido-nav{color:#132447;height:102px}
#ido-registration .ido-brand{color:#095fc8}
#ido-registration .ido-chalk rect{fill:currentColor}
#ido-registration .ido-register-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);max-width:1440px;margin:auto;min-height:760px}
#ido-registration .ido-register-welcome{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:65px 0 0;min-width:0;color:#fff;background:linear-gradient(150deg,#0b6bdb,#0646b5);}
#ido-registration .ido-register-welcome:before{content:'';position:absolute;inset:0 0 0 -100vw;background:linear-gradient(150deg,#0b6bdb,#0646b5);z-index:-2}
#ido-registration .ido-register-welcome:after{content:'';position:absolute;inset:0 0 0 -100vw;background:url('/images/2026/10/21/ido-home-school-pattern.png') right top/550px auto repeat;filter:invert(1);mix-blend-mode:screen;opacity:.38;z-index:-1;pointer-events:none}
#ido-registration .ido-welcome-copy{padding:0 50px 0 56px;position:relative;z-index:1}
#ido-registration .ido-eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:#d5e7ff;margin:0 0 23px}
#ido-registration h2{color:white;font:700 clamp(42px,4.5vw,66px)/1.06 Jost,sans-serif;letter-spacing:-1.8px;margin:0 0 22px}
#ido-registration .ido-welcome-intro{font-size:22px;line-height:1.5;color:#f0f6ff;margin:0}
#ido-registration .ido-register-teachers{display:block;width:100%;height:auto;max-width:700px;margin:22px auto 0;object-fit:contain;}
#ido-registration .ido-register-form{min-width:0;padding:58px clamp(30px,4vw,65px) 48px;align-self:center}
#ido-registration h1{font:700 clamp(30px,3vw,43px)/1.15 Jost,sans-serif;letter-spacing:-1px;color:#101e41;margin:0 0 9px}
#ido-registration .ido-form-intro{font-size:19px;color:#65738d;margin:0 0 20px}
#ido-registration .ido-required-note{color:#65738d;font-size:13px;margin:0 0 15px}
#ido-registration .ido-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}
#ido-registration .ido-field{grid-column:1/-1;min-width:0}
#ido-registration .ido-field-name,#ido-registration .ido-field-username{grid-column:auto}
#ido-registration .control-group{margin:0}
#ido-registration .control-label{float:none;width:auto;padding:0;margin:0 0 7px;text-align:left}
#ido-registration label{font-size:15px;line-height:1.4;font-weight:500;color:#1a2d51;margin:0}
#ido-registration .controls{margin:0;min-width:0}
#ido-registration input:not([type=hidden]):not([name=idoceo_guard_website]){width:100%;max-width:100%;height:48px;background:#fafcff;color:#17294d;border:1px solid #cfd9e8;border-radius:7px;box-shadow:none;padding:10px 13px;font:400 16px/1.5 Jost,sans-serif}
#ido-registration input:focus{outline:3px solid #b8d7ff;outline-offset:1px;border-color:#2673d4}
#ido-registration input.invalid{border-color:#bd3349;background:#fff9fa}
#ido-registration .input-group{display:flex;flex-wrap:nowrap;position:relative}
#ido-registration .input-group>.input-group-text{display:none}
#ido-registration .input-group input{border-radius:7px;padding-right:50px}
#ido-registration .input-password-toggle{position:absolute;right:1px;top:1px;height:46px;width:46px;display:grid;place-items:center;border:0;border-radius:0 6px 6px 0;background:transparent;color:#61758e;padding:0;z-index:5;box-shadow:none}
#ido-registration .input-password-toggle:hover{background:#eaf2fc;color:#164c93}
#ido-registration .password-group meter{display:block;width:100%;height:5px;margin-top:6px}
#ido-registration [id$='-rules']{font-size:12px;text-align:left;color:#65738d!important;margin-top:5px}
#ido-registration .form-control-feedback{font-size:13px;color:#aa273b}
#ido-registration .ido-register-captcha{margin:22px 0}
#ido-registration .ido-register-captcha .control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#ido-registration .ido-register-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:50px;border:0;border-radius:7px;background:#0964d3;color:#fff;font:600 17px/1.4 Jost,sans-serif;padding:12px 20px;box-shadow:none;letter-spacing:0;text-transform:none}
#ido-registration .ido-register-submit:hover{background:#074eac}
#ido-registration .ido-register-submit span{font-size:23px;line-height:1}
#ido-registration .ido-activation-note{font-size:13px;color:#65738d;margin:13px 0 0;text-align:center}
#ido-registration .ido-sign-in{font-size:15px;text-align:center;margin:23px 0 0}
#ido-registration .ido-sign-in a{font-weight:500;text-decoration:underline;text-underline-offset:3px}
#ido-registration .ido-register-footer{max-width:1328px;width:calc(100% - 112px);margin:auto;display:flex;align-items:center;gap:24px;padding:26px 0;color:#69768c;font-size:13px}
#ido-registration .ido-register-footer>a{font-size:19px;font-weight:700}
#ido-registration .ido-register-footer nav{margin-left:auto;display:flex;gap:24px}
@media(min-width:1441px){#ido-registration .ido-welcome-copy{padding-left:56px}}
@media(max-width:1100px){#ido-registration .ido-welcome-copy{padding-inline:36px}#ido-registration .ido-register-form{padding-inline:30px}#ido-registration .ido-welcome-intro{font-size:20px}#ido-registration h2{font-size:48px}#ido-registration .ido-register-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:960px){#ido-registration .ido-register-layout{grid-template-columns:minmax(0,1fr);min-height:0}#ido-registration .ido-register-welcome{padding:34px 20px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end}#ido-registration .ido-welcome-copy{padding:0 0 34px}#ido-registration h2{font-size:42px;letter-spacing:-1px;margin-bottom:14px}#ido-registration .ido-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:14px}#ido-registration .ido-welcome-intro{font-size:17px}#ido-registration .ido-register-teachers{width:calc(100% + 10px);max-width:none;margin:0 0 0 -5px}#ido-registration .ido-desktop-break{display:none}#ido-registration .ido-register-form{width:100%;max-width:620px;margin:auto;padding:34px 24px 38px}#ido-registration h1{font-size:33px}#ido-registration .ido-form-intro{font-size:18px}#ido-registration .ido-register-footer{width:calc(100% - 48px);flex-wrap:wrap;gap:12px 18px;padding:22px 0;border-top:1px solid #e7edf5}#ido-registration .ido-register-footer nav{gap:18px}#ido-registration .ido-register-footer>span{font-size:11px}}
@media(max-width:420px){#ido-registration h2{font-size:34px}#ido-registration .ido-register-welcome{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding-top:27px}#ido-registration .ido-welcome-intro{font-size:15px}#ido-registration .ido-eyebrow{font-size:9px}#ido-registration .ido-welcome-copy{padding-bottom:26px}#ido-registration .ido-register-form{padding-inline:20px}#ido-registration h1{font-size:30px}#ido-registration .ido-fields{gap:18px;grid-template-columns:minmax(0,1fr)}#ido-registration .ido-register-footer{width:calc(100% - 40px)}#ido-registration .ido-register-footer nav{margin-left:0;width:100%}}
@media(max-width:350px){#ido-registration .ido-register-form{padding-inline:8px}#ido-registration .ido-register-welcome{padding-inline:16px}#ido-registration h2{font-size:29px}#ido-registration .ido-register-captcha{max-width:304px}}

#ido-registration .ido-nav .ido-brand{color:#095fc8}
#ido-registration .ido-register-captcha label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}