/* Hampanet24 identity. Reading and transactional surfaces remain light. */
:root{--ink:#192831;--forest:#192b36;--green:#176583;--lime:#9dddf1;--paper:#f4f6f7;--white:#fff;--muted:#5c6a74;--line:#dce3e7;--soft:#eaf0f4;--radius:16px;--shadow:0 10px 30px #172b3906}
body{background:var(--paper)}button:hover,.button:hover{background:#294c60}.lime:hover{background:#c0ecfa;color:#11232e}.secondary:hover{background:#e4edf3;color:var(--ink)}:focus-visible{outline-color:#2481a3}.tag:not(.pending):not(.processing):not(.revision):not(.paid):not(.approved):not(.passed):not(.submitted):not(.failed):not(.rejected):not(.expired){background:#e6f0f5;color:#275d76}th{background:#f1f5f7}input,select,textarea{accent-color:#176583}input:focus,select:focus,textarea:focus{border-color:#176583}
.topbar{background:#11191f;color:#edf3f6;min-height:96px;border-color:#29343c}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:50%}.brand-24{color:#9dddf1}.brand-small{color:#acb9c1;font-size:10px}.topbar a:hover{color:#a2dcef}.topbar .text-link{color:#c2dce8}.topbar .button{background:#a0dff0;border-color:#a0dff0;color:#132731}.topbar .button:hover{background:#c4effa}.desktop-nav a[aria-current]{color:#a0dff0;box-shadow:0 2px #a0dff0}.topbar .menu-toggle{color:#d9eaf3;border-color:#60717d;background:transparent}.header-actions>.button{max-width:230px;overflow-wrap:anywhere}.mobile-nav{background:#17232b;color:#edf3f6}.mobile-nav a{border-bottom:1px solid #ffffff12}.mobile-nav .text-link{color:#a0dff0}.brand:hover{color:inherit}.public{padding-top:28px}
.academy-hero{position:relative;isolation:isolate;overflow:hidden;background:#11191f;border-radius:22px;min-height:610px;color:white;display:flex;align-items:center;padding:54px 52px 105px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.academy-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#101920 1%,#101920ed 27%,#10192082 50%,#10192005 76%),linear-gradient(0deg,#0e171f 0%,transparent 25%);z-index:-2}.academy-hero-copy{width:49%;max-width:565px}.hero-kicker{display:flex;align-items:center;gap:9px;font-size:13px;color:#d2e8f2}.hero-kicker>span{width:7px;height:7px;background:#9dddf1;border-radius:50%;box-shadow:0 0 0 5px #9dddf11c}.hero-overline{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;text-align:right;color:#96afbc;margin:18px 0 16px}.academy-hero h1{font-size:clamp(40px,4.1vw,59px);font-weight:850;line-height:1.44;letter-spacing:-1.9px;margin-bottom:18px}.academy-hero em{color:#a0dff0}.hero-description{font-size:14px;line-height:2.15;color:#cad5dc;max-width:430px;margin-bottom:25px}.academy-hero .actions{gap:22px}.hero-link{color:#e4eff5;border-bottom:1px solid #8aabb9;min-height:44px;display:inline-flex;align-items:center;font-size:13px}.hero-link:hover{color:#a0dff0}.hero-bottom{position:absolute;bottom:21px;inset-inline:40px;display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff33;padding-top:18px;color:#c7d7e0}.hero-bottom>span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px}.hero-bottom p{color:inherit;font-size:11px;margin:0}.hero-bottom i{font-style:normal;margin:0 10px;color:#83cbe2}.hero-bottom>a{margin-inline-start:auto;border:1px solid #6c818d;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.trustline{margin-top:26px;border:0;padding:20px 0 0}.trustline span:before{color:#4885a1}.section{margin-block:72px}
.photo-course{height:238px;min-height:0;background:#11191f;display:block;overflow:hidden;padding:0;border-radius:0;position:relative}.photo-course img{width:100%;height:100%;object-fit:cover;object-position:25% center;transition:transform .4s}.photo-course:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f1b29b3,transparent 60%);pointer-events:none}.photo-course:hover img{transform:scale(1.035)}.photo-course .tag{position:absolute;bottom:17px;right:18px;z-index:1;background:#f3f8f8ed!important;color:#1b3d50!important}.photo-course-label{position:absolute;left:18px;top:18px;font:10px Arial,sans-serif;letter-spacing:2px;color:white;z-index:1}.test-course img{object-fit:contain;object-position:center;padding:8px}.course-card{border-radius:16px;border-color:var(--line);box-shadow:none;transition:box-shadow .2s,transform .2s}.course-card:hover{box-shadow:0 18px 45px #233e5210;transform:translateY(-3px)}.course-card-body{padding:25px}.course-card-body>p{font-size:13px}.round-link{background:#edf5f8;border-color:#cddfe7}.learning-note{background:#e5edf2;border-color:#d2e0e8;display:flex;flex-direction:column;justify-content:center;padding:32px}.editorial-index{font:10px Arial,sans-serif;letter-spacing:2.2px;color:#577582;margin-bottom:45px}.learning-note h3{font-size:25px;line-height:1.6}.learning-note a{margin-top:auto;padding-top:16px;font-weight:650}.process{border-color:var(--line)}.process-list>div>span{color:#43778f;border-color:#c9dde7}.league-promo{background:#17262f;display:grid;grid-template-columns:1fr 1.1fr;padding:0;gap:0;overflow:hidden;border-radius:20px}.league-promo>div{padding:44px;max-width:none}.league-promo p{color:#c3d1d9}.league-promo .eyebrow{color:#9ed8eb}.league-photo{margin:0;position:relative;align-self:stretch;min-height:360px;overflow:hidden}.league-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.league-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#101f2bea);padding:55px 24px 22px;color:#fff;font-size:13px}.visual-caption{font-size:11px;color:#64737b;margin:0}.about-photo{margin:0 0 30px;border-radius:18px;overflow:hidden;position:relative;height:360px;background:#17262f}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.about-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:#142733dc;color:#fff;padding:12px 22px;font-size:12px}
.auth-intro{background:#15242e;color:#fff;border-radius:22px;padding:32px;overflow:hidden}.auth-intro h1{font-size:36px;line-height:1.65;position:relative}.auth-intro h1 br:nth-child(2){display:none}.auth-intro em,.auth-intro .eyebrow{color:#9dddf1}.auth-intro p{color:#bbcdd7}.auth-brand-poster{display:block;max-width:260px;width:75%;height:auto;margin:20px auto 0;border-radius:14px}.auth-form{border-color:#dce5ea}.purchase-photo{height:220px;position:relative;overflow:hidden;background:#101b24}.purchase-photo img{width:100%;height:100%;object-fit:cover;object-position:left center}.purchase-photo span{position:absolute;bottom:0;inset-inline:0;padding:32px 22px 15px;background:linear-gradient(transparent,#112733);color:white;font-size:12px}.purchase-card{border-color:#dbe4e9}.invoice-logo{border-radius:50%;flex-shrink:0}.invoice-header .brand{white-space:normal}.invoice-header{border-color:#d6e4ec}.invoice-stamp,.course-glyph{background:#e8f0f6;color:#2c5e76}.invoice-lines .invoice-total{background:#eaf1f5}.checkout-summary .summary-icon{background:#172932;color:#a0dff0}.purchase-steps .current i{background:#294f64}.purchase-assurance{background:#e8eff3}.invoice-sheet,.gateway-panel,.checkout-summary{border-color:#d8e3eb}
.welcome-banner{background:#182a36}.welcome-banner .eyebrow,.welcome-art{color:#a0dff0}.welcome-banner p{color:#c6d8e3}.welcome-art{border-color:#4a6f86;background:#244255}.enrolled-art{background:#13232e}.enrolled-art img{width:100px;height:100px;border-radius:50%}.sidebar nav a[aria-current]{background:#dfeef6;color:#165b79}.sidebar-note{background:#e6eff5}.avatar{background:#deedf4;color:#235c76}.score-ring{border-color:#86cfe8}.chips span{background:#e9f0f5;color:#3d5b6c}.footer{max-width:none;background:#111c24;border:0;padding:30px max(30px,calc((100vw - 1310px)/2));color:#b6c5ce;flex-wrap:wrap}.footer-logo{width:70px;height:70px;border-radius:50%}.footer .brand{color:white}.footer p{color:#b6c5ce}.footer a:hover{color:#9eddf1}
@media(min-width:1450px){.academy-hero h1{font-size:62px}}
@media(max-width:1100px){.academy-hero{padding:40px 35px 100px;min-height:600px}.academy-hero-copy{width:55%}.academy-hero h1{font-size:49px}.academy-hero:before{background:linear-gradient(270deg,#101920 0%,#101920e8 35%,#10192045 75%),linear-gradient(0deg,#0e171f,transparent 30%)}.academy-hero .actions{gap:12px}.league-promo>div{padding:30px}.learning-note{grid-column:1/-1}.editorial-index{margin-bottom:18px}.learning-note a{margin-top:0}}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.brand{font-size:21px;gap:9px}.brand-small{font-size:8px}.academy-hero{padding:30px 26px 86px;min-height:620px}.academy-hero-copy{width:66%}.academy-hero h1{font-size:43px}.hero-description{font-size:13px}.hero-bottom{inset-inline:26px;gap:12px}.hero-bottom>span{display:none}.hero-bottom p{font-size:10px}.hero-bottom i{margin:0 5px}.league-promo{grid-template-columns:1fr}.league-photo{height:320px;min-height:0}.league-promo>div{padding:30px}.league-promo h2 br{display:none}.auth-intro{padding:26px}.auth-intro h1{font-size:29px}.auth-brand-poster{max-width:160px}.footer{padding-inline:22px;gap:20px}.footer>div{margin-inline-start:0}.about-photo{height:300px}}
@media(max-width:560px){.topbar{flex-wrap:wrap;row-gap:12px;padding:13px 18px}.header-actions{gap:10px}.header-actions>.button{font-size:11px;padding:9px 12px;min-height:40px;max-width:170px}.topbar .header-actions>.text-link{display:none}.topbar .menu-toggle{min-width:44px}.brand-small{font-size:8px}.brand{font-size:19px}.brand-logo{width:45px;height:45px}.page-shell.public{padding:16px 12px 36px}.academy-hero{min-height:740px;display:block;padding:29px 25px 70px;border-radius:16px}.hero-photo{height:100%;object-position:25% center;opacity:.7}.academy-hero:before{background:linear-gradient(180deg,#101920f2 0%,#101920ea 30%,#101920bc 50%,#10192000 78%,#101920f2 100%)}.academy-hero-copy{width:100%;max-width:380px}.academy-hero h1{font-size:44px;line-height:1.35;letter-spacing:-1px}.hero-description{max-width:100%;font-size:13px;line-height:2}.hero-overline{font-size:9px;letter-spacing:2px;margin-block:16px}.academy-hero .actions{gap:18px}.academy-hero .button{font-size:12px;padding:12px 16px;min-height:46px}.hero-link{font-size:12px}.hero-bottom{inset-inline:22px;bottom:16px;padding-top:13px}.trustline{gap:8px 20px;padding:15px 7px 0;font-size:11px}.trustline b{font-size:13px}.section{margin-block:47px}.section-heading{gap:12px}.section-heading h2{font-size:23px}.section-heading>.text-link{font-size:11px;flex-shrink:0}.course-card-body{padding:23px}.photo-course{height:230px}.learning-note{padding:27px}.learning-note h3{font-size:24px}.process{padding-inline:14px}.league-promo>div{padding:28px}.league-photo{height:260px}.auth-intro{display:block;margin:0;padding:25px}.auth-intro h1{font-size:29px}.auth-intro h1 br{display:none}.auth-intro p{font-size:13px;margin-bottom:0}.auth-brand-poster{display:none}.auth-layout{gap:20px}.auth-form{padding:23px}.footer-logo{width:52px;height:52px}.footer .brand{font-size:20px}.footer>div{width:100%;gap:22px;font-size:11px}.invoice-logo{width:38px;height:38px}.purchase-photo{height:190px}.about-photo{height:240px}.visual-caption{padding-inline:10px}.enrolled-art img{width:68px;height:68px}}
@media(max-width:370px){.brand-logo{width:38px;height:38px}.brand{font-size:17px}.brand-small{display:none}.topbar{gap:8px;padding-inline:12px}.header-actions{gap:7px}.header-actions>.button{font-size:10px;padding:8px}.academy-hero{padding-inline:22px}.academy-hero h1{font-size:39px}.hero-bottom p{font-size:9px}.section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-course img,.course-card{transition:none}.photo-course:hover img,.course-card:hover{transform:none}}
.checkout-brand-logo{display:block;border-radius:50%;margin-block:20px}.demo-strip{background:#e7eef2;color:#425c6b}@media(max-width:760px){.checkout-brand-logo{display:none}}
.community-subtitle{font-size:13px;color:var(--muted)}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.community-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.community-card figure{margin:0;background:#162732;overflow:hidden}.community-card img{display:block;width:100%;height:auto;aspect-ratio:1.777;object-fit:cover}.community-copy{padding:29px 32px}.community-copy h3{font-size:24px;line-height:1.65;margin-bottom:13px}.community-copy p{font-size:14px}.community-wide{grid-column:1/-1;background:#162731;color:#fff;border:0}.community-wide img{aspect-ratio:auto}.community-wide .community-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px 40px}.community-wide .eyebrow,.community-wide .text-link{color:#a3ddef}.community-wide p{color:#c8d6df}.community-wide h3{font-size:29px}.test-course img{object-fit:cover;padding:0}.community-wide .text-link:hover{color:white}
@media(max-width:760px){.community-grid{gap:20px}.community-copy{padding:23px}.community-copy h3{font-size:21px}.community-wide .community-copy{padding:28px;gap:22px}.community-wide h3{font-size:25px}.community-subtitle{display:none}}
@media(max-width:560px){.community-grid{grid-template-columns:1fr}.community-wide .community-copy{grid-template-columns:1fr;gap:4px;padding:25px}.community-wide h3 br{display:none}.community-copy{padding:25px}.community-copy p{font-size:13px}.community-section .section-heading h2{font-size:25px}}

.gateway-card.selected{border-color:#78a9bf;background:#f2f8fb;box-shadow:0 0 0 1px #c9dfe9}.greeting-dot{color:#66a8c0}.stack input,.stack select,.stack textarea{background:#fff}