/* DATPOL Academy 2026-11-02: presentation only; native login and permissions remain authoritative. */
:root{--color-primary-base:17 91 157;--color-primary-gradient:12 61 106;--color-primary-button-text:255 255 255;--color-primary-button-alternative-text:255 255 255;--color-secondary-base:21 47 72;--color-secondary-gradient:12 32 51;--color-form-base:25 74 115}
.da-home{--da-ink:#15324c;--da-blue:#1266a8;--da-muted:#52697b;color:var(--da-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-wrap:break-word}
.da-home *{box-sizing:border-box}.da-home h1,.da-home h2,.da-home h3,.da-home p{color:inherit;margin:0}.da-home a{color:var(--da-blue)}.da-home img{display:block;max-width:100%;height:auto}.da-kicker{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#176da9;display:block;margin-bottom:15px}.da-intro{padding:34px 0 0}.da-home h1{font-size:clamp(32px,3.45vw,51px);font-weight:750;letter-spacing:-1.65px;line-height:1.12;margin-bottom:22px}.da-lead{font-size:17px;max-width:730px;color:var(--da-muted)!important;line-height:1.75}.da-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 24px}.da-home .da-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;background:#1266a8;border:1px solid #1266a8;border-radius:10px;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 5px 15px #1266a819;transition:background .15s}.da-home .da-button:hover{background:#0d4e83}.da-home .da-button-light{background:#f5f9fc;color:#164969!important;border-color:#cedfeb;box-shadow:none}.da-home .da-button-light:hover{background:#e8f2fa}.da-home a:focus-visible{outline:3px solid #1689d5;outline-offset:4px}.da-benefits{display:flex;flex-wrap:wrap;gap:8px 20px;color:#52697b;font-size:12px;margin:0 0 28px}.da-benefits span{display:flex;align-items:center;gap:7px}.da-benefits span:before{content:"";height:6px;width:6px;flex:none;border-radius:50%;background:#3992bc}.da-hero-image{margin:0;border-radius:20px;overflow:hidden;background:#f0f5f9;border:1px solid #e0e9f0}.da-hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.da-hero-image figcaption{padding:13px 20px;font-size:12px;color:#52697b;background:#f5f9fc}.da-section{margin-top:58px}.da-home h2{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.8px;line-height:1.22;font-weight:700;margin-bottom:18px}.da-section>p{max-width:760px;color:var(--da-muted);font-size:15px}.da-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:26px}.da-topics article{border:1px solid #dce7ef;border-radius:14px;padding:23px;background:linear-gradient(145deg,#fff,#f7fafc)}.da-number{display:inline-flex;border-radius:8px;background:#e8f3fb;color:#1c70a4;font-weight:700;font-size:12px;padding:4px 9px;margin-bottom:14px}.da-home h3{font-size:17px;line-height:1.35;font-weight:700;margin-bottom:10px}.da-topics p{font-size:14px;color:var(--da-muted)}.da-topics article:last-child{grid-column:1/-1}.da-feature{margin-top:50px;border-radius:18px;border:1px solid #dce7ef;background:#f4f8fc;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center}.da-feature img{width:100%;height:100%;object-fit:cover;min-height:310px}.da-feature>div{padding:28px}.da-feature p{font-size:14px;color:var(--da-muted);line-height:1.75}.da-feature h2{font-size:27px}.da-text-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.da-feature-reverse img{order:2}.da-start{background:#132f49;border-radius:18px;padding:32px;color:white;margin-bottom:32px}.da-start .da-kicker{color:#91cbef}.da-start ol{list-style:none;padding:0;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.da-start li{counter-increment:steps;display:flex;flex-direction:column;font-size:13px;gap:10px;line-height:1.6}.da-start li:before{content:"0" counter(steps);color:#91cbef;font-size:12px;letter-spacing:2px}.da-start li strong{font-size:15px}.da-start li span{color:#d3e1ec}.da-start .da-support{margin-top:25px;font-size:13px;color:#d3e1ec}.da-start a:not(.da-button){color:#b7e0fa}.da-start .da-note{font-size:11px;color:#b2c6d7;margin-top:20px;line-height:1.65}
.page-home .container:has(.da-home){max-width:1440px;padding:0 36px;gap:40px!important;align-items:flex-start!important}.page-home .container:has(.da-home)>:has(.login-section){order:2;width:290px!important;flex:0 0 290px;padding-top:35px;position:sticky;top:20px}.page-home .container:has(.da-home)>:not(:has(.login-section)){order:1;flex:1;min-width:0;width:auto!important}.page-home .p-card:has(.da-home){border:0!important;background:transparent!important;box-shadow:none!important}.page-home .p-card:has(.da-home)>.p-card-body{padding:0!important}.page-home .p-card:has(.da-home) .p-card-title{display:none}.page-home .p-card:has(.da-home) .p-card-content{padding:0!important}.login-section{border:1px solid #dce7ef;border-radius:16px;padding:24px;background:white;box-shadow:0 8px 28px #15324c08}.login-section .login-section__title{font-size:25px!important;line-height:1.25!important;letter-spacing:-.5px;margin:0 0 25px!important;font-weight:700;color:#15324c}.login-section input{max-width:100%;font-size:16px;min-height:48px}.login-section__buttons{gap:10px}.login-section__buttons button,.login-section__buttons a{font-size:14px!important;min-height:46px!important}.login-section__remember-me{font-size:13px!important}.login-section #forgot{font-size:12px}.login-section .field{margin-bottom:16px}.login-section__form .p-password{width:100%}.login-section__form input{width:100%}
@media(max-width:1050px){.page-home .container:has(.da-home){padding:0 22px;gap:24px!important}.page-home .container:has(.da-home)>:has(.login-section){width:260px!important;flex-basis:260px}.da-feature{grid-template-columns:1fr}.da-feature img{min-height:0;aspect-ratio:16/9;max-height:300px}.da-feature-reverse img{order:0}.da-start ol{grid-template-columns:1fr}.da-feature h2{font-size:26px}}
@media(max-width:760px){.page-home .container:has(.da-home){display:flex!important;flex-direction:column!important;padding:0 18px;gap:0!important}.page-home .container:has(.da-home)>:has(.login-section){order:2;position:static;padding-top:0;width:100%!important;flex:auto;max-width:100%;margin:0 0 26px}.page-home .container:has(.da-home)>:not(:has(.login-section)){width:100%!important}.da-intro{padding-top:20px}.da-home h1{font-size:35px;letter-spacing:-1.1px}.da-lead{font-size:15px}.da-actions{gap:10px;margin:22px 0}.da-home .da-button{padding:11px 15px;font-size:13px}.da-benefits{gap:9px 15px;font-size:11px}.da-hero-image{border-radius:14px}.da-hero-image img{object-position:66% center;aspect-ratio:1.3}.da-hero-image figcaption{padding:12px;font-size:11px}.da-section{margin-top:38px}.da-home h2{font-size:27px}.da-topics{grid-template-columns:1fr;gap:12px}.da-topics article{padding:20px}.da-topics article:last-child{grid-column:auto}.da-feature{margin-top:30px}.da-feature>div{padding:23px}.da-start{padding:24px 21px}.da-kicker{font-size:10px;letter-spacing:1.5px}.login-section{padding:22px}.page-home .container:has(.da-home)>.md\:w-4\/12{max-width:100%}}
.login-section{min-height:0!important;height:auto!important;justify-content:flex-start!important}.login-section__buttons{display:flex!important;flex-direction:column!important;align-items:stretch!important}.login-section__buttons button,.login-section__buttons a{width:100%;white-space:nowrap!important}.login-section .login-section__title{margin-bottom:22px!important}
.page-home .container:has(.da-home)>:has(.login-section){order:2!important}.page-home .container:has(.da-home)>:not(:has(.login-section)){order:1!important}
@media(prefers-reduced-motion:reduce){.da-home *{transition:none!important}}
