/* Homepage sample: scoped visual system and progressive motion. */
.home-tech{--tech-blue:#397aba;--tech-gold:#dbb575;--tech-ink:#183a5b}
.home-tech #main-content{background:radial-gradient(ellipse 65% 550px at 100% 0,#d9eafa90,transparent),radial-gradient(ellipse 50% 500px at 0 900px,#e4ecf980,transparent)}
.home-tech .home-intro{font-size:11px;padding:17px 0;color:#627d98}
.home-tech .home-intro>span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4278ad;box-shadow:0 0 0 4px #4278ad10;margin-right:10px;vertical-align:1px}
.home-tech .home-first{gap:20px}
.home-tech .home-button{border-radius:8px;transition:transform .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden}
.home-tech .home-button.gold{background:linear-gradient(110deg,#edd2a1,#cda265);box-shadow:0 6px 20px #04132630}
.home-tech .home-button>span{transition:transform .22s}
.home-tech .home-brief{height:455px;background:linear-gradient(145deg,#f9fcff,#eaf1fa);border-color:#d4e1ef;border-radius:18px;box-shadow:0 12px 30px #1e456308}
.home-tech .home-small-heading h2{color:#1b4166}.home-tech .home-small-heading>a{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d1deeb;border-radius:50%;color:#39658e;transition:background .2s,transform .2s}
.home-tech .brief-bottom{color:#315f8b!important;border-color:#d3e0ef}
.home-tech .home-shortcuts{border:1px solid #d7e4f1;background:linear-gradient(115deg,#fff,#f0f5fb);box-shadow:0 10px 30px #1e406b07;padding:12px 8px;margin-top:20px}
.home-tech .home-shortcuts>a{padding:16px 15px;border-radius:9px;transition:background .22s,transform .22s;color:#254b71;min-width:0}
.home-tech .shortcut-icon{background:#e3edf8;border:1px solid #ceddf0;color:#386b9e;border-radius:11px;transition:transform .25s,background .25s,color .25s,box-shadow .25s}
.home-tech .shortcut-arrow{color:#6890b4;transition:transform .22s}.home-tech .home-shortcuts strong{font-size:15px}
.home-tech .section-kicker{color:#92703e;letter-spacing:2px;font-size:10px}
.home-tech .home-heading h2{color:#1d4267}.home-tech .heading-dot{background:#c59b5d;box-shadow:0 0 0 4px #d9b68017}
.home-tech .home-heading{position:relative}
.home-tech .home-more{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #d9e4ef;border-radius:6px;background:#ffffffa0;color:#456b91;transition:background .2s,color .2s,border-color .2s}
.home-tech .home-panel{border-color:#dce6f1;box-shadow:0 7px 25px #1c426506}
.home-tech .announcement-panel{position:relative;overflow:hidden;border-top:3px solid #3d6a95}
.home-tech .home-tabs button{transition:color .2s,background .2s,box-shadow .2s}
.home-tech .course-tabs{display:flex;gap:8px}
.home-tech .course-tabs button{padding:9px 17px;border-radius:7px;background:#e8eff7;color:#476589;border:1px solid #dce5f0}
.home-tech .course-tabs button[aria-selected=true]{background:linear-gradient(120deg,#204b75,#3b729f);color:white;box-shadow:0 4px 12px #28527d20;border-color:#285580}
.home-tech .home-news-row{position:relative;transition:background .2s,color .2s; border-radius:5px}
.home-tech .home-news-title{transition:color .2s,transform .2s}
.home-tech .home-news-label{border:1px solid #dbe7f4;background:#eef4fb;color:#4673a0}
.home-tech .home-course-card{border:1px solid #dbe5f0;border-radius:13px;box-shadow:0 4px 14px #193f6506;transition:transform .26s,box-shadow .26s,border-color .26s;overflow:hidden}
.home-tech .home-cover{overflow:hidden}.home-tech .home-cover img{transition:transform .45s cubic-bezier(.2,.65,.3,1)}
.home-tech .home-cover-placeholder{background:radial-gradient(circle at 80% 10%,#d6e7fb,transparent 65%),linear-gradient(120deg,#eaf2fc,#dae6f3)}
.home-tech .home-course-body h3{color:#244868}.home-tech .home-course-type{background:#eaf2fa;color:#3e6f9e}
.home-tech .home-course-bottom>span:last-child{transition:transform .22s,color .22s}
.home-tech .home-open-band{position:relative;background:transparent;border-block:0;padding:42px 0}
.home-tech .home-open-band>.home-container{position:relative;z-index:1}
.home-tech .home-open-band:before{display:none;content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px}
.home-tech .home-open-band .section-kicker{color:#92703e}.home-tech .home-open-band .home-heading h2{color:#1d4267}
.home-tech .home-open-band .home-heading p{color:#687d94}.home-tech .home-open-band .home-more{background:#ffffffa0;color:#456b91!important;border-color:#d9e4ef}
.home-tech .home-open-band .zs-state{background:#f8fbff;border-radius:12px;border:1px solid #c9d8e8}
.home-tech .learning-panel{position:relative;overflow:hidden;border-top:3px solid #5883ae;transition:box-shadow .25s,border-color .25s}
.home-tech .learning-panel:nth-child(2){border-top-color:#a88b59}.home-tech .learning-panel:nth-child(3){border-top-color:#638d9c}.home-tech .learning-panel:nth-child(4){border-top-color:#6574a0}
.home-tech .learning-heading{padding-bottom:14px;border-bottom:1px solid #e9eff6}
.home-tech .learning-icon{background:#eaf1fa;color:#3a6999;border:1px solid #d6e3f2;border-radius:10px;transition:transform .25s}
.home-tech .learning-heading h3{color:#234666}.home-tech .learning-heading>a{transition:transform .22s,color .22s}
.home-tech .home-review{background:linear-gradient(115deg,#eff4fa,#e2edf9);border:1px solid #d6e2f0;border-radius:14px}
.home-tech .home-about-teaser{background:radial-gradient(ellipse at 90% 0,#3e709a80,transparent 65%),#183654;position:relative;overflow:hidden;border:1px solid #345776}
.home-tech .home-about-teaser:before{content:"";position:absolute;right:15%;top:-100px;width:350px;height:350px;border:1px solid #e5c38420;border-radius:50%;box-shadow:0 0 0 45px #ffffff02;pointer-events:none}
.home-tech .home-about-teaser>div{position:relative}
.home-tech .home-to-top{transition:background .2s,transform .2s;color:#fff;background:#2b547e;border-color:#476e94}
.tech-motion-button{border:1px solid #d5e0ec;background:#fff;color:#607c98;border-radius:5px;padding:4px 9px;font-size:10px!important;cursor:pointer;white-space:nowrap}
.home-tech .home-intro{align-items:center}.tech-intro-actions{display:flex;align-items:center;gap:18px}.tech-intro-actions>a{color:#718399;font-size:11px}
@media(hover:hover) and (pointer:fine){
.home-tech .home-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #071e3b26}.home-tech .home-button:hover>span{transform:translateX(4px)}
.home-tech .home-shortcuts>a:hover{background:#e1ecf8;transform:translateY(-2px)}.home-tech .home-shortcuts>a:hover .shortcut-icon{transform:translateY(-3px) rotate(-5deg);background:#2c5b89;color:#fff;box-shadow:0 5px 12px #275c8f22}
.home-tech .home-shortcuts>a:hover .shortcut-arrow{transform:translate(2px,-2px)}.home-tech .home-more:hover{background:#244e77;color:#fff!important;border-color:#244e77}
.home-tech .home-small-heading>a:hover{background:#dae8f6;transform:rotate(8deg)}.home-tech .home-news-row:hover{background:#eaf2fa}.home-tech .home-news-row:hover .home-news-title{color:#286296;transform:translateX(3px)}
.home-tech .home-course-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #133c6020;border-color:#85a9cf}.home-tech .home-course-card:hover .home-cover img{transform:scale(1.045)}.home-tech .home-course-card:hover .home-course-bottom>span:last-child{transform:translateX(3px);color:#285e90}
.home-tech .learning-panel:hover{border-color:#a2bad4;box-shadow:0 12px 24px #2249680f}.home-tech .learning-panel:hover .learning-icon{transform:rotate(-5deg)}.home-tech .learning-heading>a:hover{transform:translate(2px,-2px);color:#315f89}.home-tech .home-to-top:hover{background:#14395e;transform:translateY(-3px)}
}
.home-tech .home-button:active,.home-tech .home-more:active{transform:scale(.98)}
.home-tech.motion-off #main-content *,.home-tech.motion-off .home-to-top{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.home-tech.motion-off .home-course-card:hover,.home-tech.motion-off .home-shortcuts>a:hover,.home-tech.motion-off .home-button:hover,.home-tech.motion-off .home-news-title,.home-tech.motion-off .home-cover img,.home-tech.motion-off .shortcut-icon{transform:none!important}
@media(max-width:1200px){.home-tech .home-shortcuts>a{padding:14px 10px}.home-tech .home-shortcuts strong{font-size:14px}}
@media(max-width:960px){.home-tech .home-intro{gap:10px}.tech-intro-actions>a{display:none}}
@media(max-width:900px){.home-tech .home-brief{height:auto;min-height:220px}.home-tech .home-shortcuts{gap:8px 0}.home-tech .home-shortcuts>a{padding:14px 12px}.home-tech .home-open-band{padding:32px 0}.home-tech .home-heading .home-more{padding:7px 9px}}
@media(max-width:560px){.home-tech .home-intro>span{font-size:10px;letter-spacing:0}.home-tech .home-intro>span:before{display:none}.tech-intro-actions{gap:0}.tech-motion-button{font-size:9px!important;padding:4px 6px}.home-tech .home-shortcuts>a{padding:12px 9px}.home-tech .home-shortcuts strong{font-size:13px}.home-tech .home-shortcuts small{font-size:9px}.home-tech .home-shortcuts{padding:7px 4px}.home-tech .course-tabs{gap:6px;flex-wrap:wrap}.home-tech .course-tabs button{font-size:11px;padding:8px 10px}.home-tech .home-heading .home-more{font-size:10px;white-space:nowrap}.home-tech .home-heading h2{font-size:24px}.home-tech .section-kicker{font-size:9px}.home-tech .home-heading p{font-size:11px}.home-tech .home-open-band{padding:28px 0}}
@media(prefers-reduced-motion:reduce){.home-tech #main-content *,.home-tech .home-to-top{transition:none!important;animation:none!important;scroll-behavior:auto!important}.home-tech .home-course-card:hover,.home-tech .home-shortcuts>a:hover,.home-tech .home-button:hover,.home-tech .home-cover img,.home-tech .shortcut-icon{transform:none!important}}
.home-tech .home-open-band{padding:0;background:transparent;border:0}.home-tech .home-open-band>.home-container{width:100%;max-width:none}
.home-tech .home-open-band .section-kicker{color:#92703e}.home-tech .home-open-band .home-heading h2{color:#1d4267}.home-tech .home-open-band .home-heading p{color:#687d94}.home-tech .home-open-band .home-more{background:#ffffffa0;color:#456b91!important;border-color:#d9e4ef}
@media(hover:hover) and (pointer:fine){.home-tech .home-open-band .home-more:hover{color:#fff!important}}
@media(max-width:1200px){}
@media(max-width:900px){}
@media(max-width:560px){.home-tech .home-open-band{padding:0}}
@media(prefers-reduced-motion:reduce){}

/* Original integrated brand banner; campaigns use an unobstructed image stage. */
.home-tech .home-brief{height:430px}
.home-tech .home-banner{transition:box-shadow .24s,border-color .24s;outline:1px solid #cbd9e640;outline-offset:-1px}
.home-tech .home-banner.has-banners{background:#edf2f7}
.home-tech .home-banner.has-banners .banner-slides{background:#edf2f7;touch-action:pan-y pinch-zoom}
.home-tech .home-banner.has-banners .banner-slide img{object-fit:contain;object-position:center;transform:none}
.home-tech .home-banner.has-multiple-banners .banner-slides{bottom:44px}
.home-tech .home-banner.has-multiple-banners .banner-controls{inset:auto 0 0;height:44px;justify-content:center;gap:18px;background:#f8fbff;color:#365675;border-top:1px solid #dce5ef;border-radius:0;padding:4px 12px}
.home-tech .banner-controls button{min-width:34px;min-height:32px;border-radius:5px;transition:background .18s,color .18s}
.home-tech .banner-controls button:hover{background:#dce8f5;color:#173e65}
.home-tech .home-banner:focus-within{box-shadow:0 0 0 3px #86aed137}
@media(hover:hover) and (pointer:fine){.home-tech .home-banner:hover{box-shadow:0 10px 28px #163b6024;outline-color:#8eafcc}.home-tech .home-banner:not(.has-banners):hover .home-button.gold{box-shadow:0 6px 20px #dbb47245}}
@media(max-width:900px){.home-tech .home-brief{height:auto;min-height:220px}}
@media(prefers-reduced-motion:reduce){.home-tech .home-banner{transition:none}}
/* Pointer movement affects the banner container, never crops or scales its artwork. */
.home-tech .home-banner{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out,box-shadow .24s,border-color .24s}
.home-tech .home-banner:after{content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;padding:2px;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#f0d5a0,#80b4df99 55%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .24s}
.home-tech .home-banner.is-pointer-active:after{opacity:1}
.home-tech.motion-off .home-banner{transform:none!important;transition:none!important}.home-tech.motion-off .home-banner:after{opacity:0;transition:none}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.home-tech .home-banner{transform:none!important}.home-tech .home-banner:after{display:none}}
