@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fc;color:#152944;font:17px/1.7 system-ui,sans-serif}a{color:#145f77;text-underline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:#112e4b;color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:12px;flex-wrap:wrap}.top a{color:white}header{background:white;border-bottom:1px solid #dde4ee}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;flex-wrap:wrap}.brand{font-weight:800;font-size:20px;line-height:1.3;text-decoration:none;color:#112e4b;max-width:330px}.links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.links a{text-decoration:none;font-size:15px;font-weight:650}.links a[aria-current]{text-decoration:underline}.hero{background:#112e4b;color:white;padding:76px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750;color:#67ddc1}h1{font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-2px;max-width:920px;margin:18px 0 24px}h2{font-size:30px;line-height:1.25;letter-spacing:-.7px}h3{font-size:21px;line-height:1.3}p{max-width:780px}.hero p{color:#d7e5f4;font-size:20px;max-width:730px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 0}.btn{display:inline-block;padding:12px 22px;background:#67ddc1;color:#102b40;border-radius:8px;font-weight:750;text-decoration:none;border:1px solid transparent}.btn.alt{background:transparent;color:white;border-color:#9aafc4}.section{padding:58px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{padding:26px;background:white;border:1px solid #dde4ee;border-radius:12px}.card p{color:#516276}.card h3{margin-top:0}.card a{font-weight:700}.label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#55718c}.two{grid-template-columns:repeat(2,minmax(0,1fr))}details{padding:18px 0;border-bottom:1px solid #ccd8e6}summary{cursor:pointer;font-weight:700}.band{background:#e8f4f2;border-radius:14px;padding:32px;margin:35px 0}footer{background:#112e4b;color:#d7e5f4;padding:42px 0;font-size:15px}footer a{color:#9be7d6}footer .grid{background:transparent}footer h3{color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:10}:focus-visible{outline:3px solid #d88918;outline-offset:4px}.mobile-wa{position:fixed;bottom:18px;right:18px;box-shadow:0 4px 20px #122e4b30;z-index:5}main{min-height:50vh}@media(max-width:760px){.grid,.two{grid-template-columns:1fr}.hero{padding:48px 0}h1{letter-spacing:-1px}.wrap{padding-left:20px;padding-right:20px}.links{gap:14px}.brand{max-width:none}.section{padding:36px 0}footer{padding-bottom:100px}.top .wrap{font-size:12px}}
/* Sarah Flash parent company brand */
:root{--brand-blue:#003a66;--brand-pink:#e02454;--brand-light:#f0f5fb;--brand-text:#52657c}
body{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.7;background:var(--brand-light);color:var(--brand-text)}
h1,h2,h3,h4,h5,h6,.brand{font-family:'Poppins',sans-serif;color:var(--brand-blue);letter-spacing:normal;font-weight:600}h1{font-weight:700;line-height:1.2}h2{line-height:1.3}h3{line-height:1.4}
a{color:var(--brand-blue)}a:hover{color:var(--brand-pink)}.top,footer{background:var(--brand-blue)}.top a,footer a{color:#f0f5fb}.top a:hover,footer a:hover{color:#ffb3c6}header{background:#fff;border-color:#e3eaf2}.brand{color:var(--brand-blue);font-weight:700}.links a{font-size:15px;font-weight:600;color:var(--brand-blue);padding:9px 0}.links a:hover,.links a[aria-current]{color:var(--brand-pink);text-decoration:none;border-bottom:2px solid var(--brand-blue)}
.hero{background:linear-gradient(120deg,#003a66,#002a4b);color:#fff}.hero h1,.hero h2,.hero h3{color:#fff}.hero p{color:#f0f5fb}.eyebrow{color:#fff;letter-spacing:1.4px}.btn,.portal-form .btn{font-family:'Open Sans',sans-serif;font-weight:600;background:var(--brand-pink);color:#fff;border:1px solid var(--brand-pink);border-radius:50rem;padding:13px 27px;transition:background .2s,color .2s,box-shadow .2s}.btn:hover,.portal-form .btn:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue);box-shadow:0 5px 16px #003a6620}.hero .btn:hover{background:#fff;color:var(--brand-blue);border-color:#fff}.btn.alt{background:transparent;color:#fff;border-color:#fff}.btn.alt:hover{background:#fff;color:var(--brand-blue)}
.card{border:1px solid #e1e9f2;border-radius:10px;box-shadow:0 5px 22px #003a6607}.card p,.portal-head p{color:var(--brand-text)}.label{color:var(--brand-pink);font-weight:700;letter-spacing:1.3px}.band{background:#e5edf7;border-radius:10px}.band h2{color:var(--brand-blue)}footer{color:#dbe5f2}footer h3{color:#fff}footer a:hover{color:#fff;text-decoration:underline}.portal-form label,.shop-shell label{color:var(--brand-blue)}.portal-form input,.portal-form textarea,.portal-form select,.shop-shell input,.shop-shell select,.shop-shell textarea{color:var(--brand-blue);border-color:#c7d3e1;background:#fff}.portal-tabs button[aria-selected=true]{background:var(--brand-blue);border-color:var(--brand-blue)}.shop-metrics strong{color:var(--brand-blue)}progress{accent-color:var(--brand-pink)}.error,#password-match-error{color:#b2143c}.portal-status,.shop-empty{background:var(--brand-light)}.shop-help{color:var(--brand-text)}.auth-tabs button,.portal-nav button,.catalog-row button,.cart-row button{font:inherit;color:var(--brand-blue);border:1px solid #c7d3e1;background:#fff;border-radius:50rem;padding:8px 16px;cursor:pointer}.auth-tabs button:hover,.portal-nav button:hover,.catalog-row button:hover{color:var(--brand-pink);border-color:var(--brand-pink)}:focus-visible{outline:3px solid var(--brand-pink);outline-offset:4px}.mobile-wa{background:var(--brand-pink);color:#fff;box-shadow:0 5px 18px #003a6626}
@media(max-width:760px){body{font-size:15px}.links a{font-size:14px}.hero h1{font-size:34px}.shop-shell h1{font-size:32px}}

/* Academy identity and course photography */
.brand{display:flex;align-items:center;gap:14px;max-width:390px}.academy-logo{width:76px;height:76px;object-fit:contain;border-radius:50%;flex:0 0 76px;background:#fff}.brand>span{display:block}.footer-logo{width:100px;height:100px;object-fit:contain;border-radius:50%;background:white}.footer-logo-link{display:inline-block;margin-bottom:20px}.hero{background:linear-gradient(90deg,rgba(0,37,66,.90),rgba(0,37,66,.64)),url('/office-hero.jpg') center 42%/cover no-repeat;min-height:560px;display:flex;align-items:center}.hero>.wrap{width:100%}.catalog-image{display:block;width:100%;height:200px;object-fit:cover;border-radius:8px;margin:0 0 22px}.card:has(>.catalog-image){overflow:hidden}.shop-shell .academy-logo{padding:0}@media(max-width:760px){.academy-logo{width:60px;height:60px;flex-basis:60px}.brand{font-size:17px;gap:10px;max-width:100%}.hero{min-height:490px;background-position:center}.catalog-image{height:210px}}
