@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#152238;background:#fff;font-family:DM Sans,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}.top{z-index:10;background:#fff;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;height:82px;padding:0 6%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand strong{font-size:18px;display:block}.brand span{color:#6c7785;font-size:11px;display:block}.crest{color:#fff;background:#0b5fa5;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}nav{align-items:center;gap:22px;display:flex}nav a{color:#334155;font-size:14px;text-decoration:none}button{color:#fff;cursor:pointer;background:#e67e22;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.hero{background:linear-gradient(120deg,#f4f9fd,#fff7ef);grid-template-columns:1.5fr .8fr;align-items:center;gap:60px;min-height:650px;padding:90px 8%;display:grid}.hero h1{max-width:850px;margin:10px 0 25px;font:700 clamp(50px,7vw,86px)/1.02 Playfair Display,serif}.hero h1 em{color:#0b5fa5;font-style:normal}.hero p{color:#5f6b78;max-width:650px;font-size:18px}.eyebrow{letter-spacing:2px;font-weight:700;color:#e67e22!important;font-size:12px!important}.actions{align-items:center;gap:20px;margin-top:35px;display:flex}.actions a{color:#0b5fa5;font-weight:700;text-decoration:none}.hero-card{color:#fff;background:#0b5fa5;border-radius:18px;padding:35px;box-shadow:0 25px 60px #0b5fa533}.hero-card p{color:#dcecff}.section{grid-template-columns:1fr 1fr;gap:70px;padding:95px 8%;display:grid}.section>h2,.section>p.eyebrow{grid-column:1/-1}.section h2{margin:0;font:700 44px/1.15 Playfair Display,serif}.section.alt{background:#f7f9fb;display:block}.grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:35px;display:grid}.card{background:#fff;border:1px solid #e4eaf0;border-radius:14px;padding:28px}.card small{color:#e67e22;font-weight:700}.card h3{font-size:21px}.card a{color:#0b5fa5;font-weight:700;text-decoration:none}.split{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:60px;display:grid}.steps{gap:12px;display:grid}.steps div{border-bottom:1px solid #e4eaf0;padding:20px}.steps b{color:#e67e22;margin-right:15px}.contact{color:#fff;text-align:center;background:#0b5fa5;padding:90px 8%}.contact h2{font:700 48px Playfair Display,serif}.contact p{color:#dbeafe;margin-bottom:30px}footer{color:#667085;justify-content:space-between;padding:30px 8%;font-size:13px;display:flex}@media (width<=850px){.top{align-items:flex-start;height:auto;padding:18px 5%}nav{display:none}.hero,.section,.split{grid-template-columns:1fr}.hero{padding:65px 6%}.section{padding:65px 6%;display:block}.grid{grid-template-columns:1fr}.hero h1{font-size:55px}footer{display:block}footer span{margin-top:10px;display:block}}.portalpreview{background:#eef4f8;padding:95px 5%}.portal{text-align:left;background:#fff;border:1px solid #dfe7ef;border-radius:18px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 20px 50px #15314a18}.portal aside{color:#dce9f5;background:#102a43;width:220px;padding:25px 15px}.sidebrand{padding:10px 12px 30px;font-size:22px;font-weight:800}.sidebrand span{letter-spacing:1.5px;color:#a8bfd3;margin-top:3px;font-size:9px;display:block}.portal aside a{color:#cbd9e5;border-radius:7px;margin:3px 0;padding:11px 12px;font-size:13px;display:block}.main{flex:1;padding:28px}.dashhead{border-bottom:1px solid #e5ebf1;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.dashhead h1{margin:5px 0;font-size:27px}.dashhead small{color:#7a8795;letter-spacing:1px}.statgrid{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.stat{border:1px solid #e5ebf1;border-radius:12px;padding:18px}.stat small,.stat span{color:#718096;font-size:11px;display:block}.stat strong{margin:7px 0;font-size:25px;display:block}.dashgrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{border:1px solid #e5ebf1;border-radius:12px;padding:18px}.paneltitle{justify-content:space-between;align-items:center;display:flex}.paneltitle h2{margin:0 0 12px;font-size:17px}.paneltitle button{padding:7px 10px;font-size:11px}.row{border-top:1px solid #edf1f5;grid-template-columns:80px 1fr 75px;gap:10px;padding:11px 0;font-size:12px;display:grid}.row b{color:#0b5fa5}.row small{text-align:right;color:#7a8795}.portalpreview>h2{margin:0;font:700 42px Playfair Display,serif}.portalpreview>p:not(.eyebrow){color:#667085;max-width:720px;margin-bottom:30px}@media (width<=850px){.portal{display:block}.portal aside{gap:4px;width:100%;display:flex;overflow:auto}.sidebrand{display:none}.portal aside a{white-space:nowrap}.statgrid,.dashgrid{grid-template-columns:1fr 1fr}.main{padding:15px}}@media (width<=550px){.statgrid,.dashgrid{grid-template-columns:1fr}.row{grid-template-columns:65px 1fr}.row small{display:none}}.portal aside a.active{color:#fff;background:#1e4667}.welcome{padding:25px 0}.welcome h2{margin:0;font-size:30px}.welcome p:not(.eyebrow){color:#667085}.office{text-align:left;background:#f5f8fb;border:1px solid #dfe7ef;border-radius:16px;min-height:500px;overflow:hidden}.officebar{background:#102a43;align-items:center;gap:7px;padding:12px;display:flex;overflow:auto}.officebar b{color:#fff;white-space:nowrap;margin-right:15px}.officebar button{white-space:nowrap;background:0 0;padding:9px 11px;font-size:11px}.officebar button.sel{background:#1e4667}.officebody{padding:30px}.officebody h1{margin:0 0 25px;font:700 38px Playfair Display,serif}.officegrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.bigcard{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:25px}.bigcard small{color:#738294;letter-spacing:1px;font-size:10px;display:block}.bigcard strong{margin:10px 0;font-size:30px;display:block}.bigcard p{color:#718096;font-size:12px}.table{background:#fff;border:1px solid #e1e8ef;border-radius:12px;grid-template-columns:1fr 1.2fr 1.5fr 1fr .7fr;font-size:12px;display:grid;overflow:hidden}.table>*{border-bottom:1px solid #edf1f5;padding:13px}.table button{padding:5px 9px}.office .panel{background:#fff}.office .panel h2{font-size:20px}@media (width<=700px){.officegrid{grid-template-columns:1fr}.table,.table>*{display:block}}.lms{text-align:left;background:#f5f8fb;border-radius:16px;padding:28px}.lmshead{justify-content:space-between;align-items:center;display:flex}.lmshead h1{margin:3px 0 20px;font:700 35px Playfair Display,serif}.lmshead small{letter-spacing:1.5px;color:#718096}.coursebar{border-bottom:1px solid #dfe7ef;align-items:center;gap:8px;padding-bottom:12px;display:flex;overflow:auto}.coursebar select{background:#fff;border:1px solid #d5dee7;border-radius:7px;padding:10px}.coursebar button{color:#526273;background:0 0}.coursebar button.on{color:#fff;background:#0b5fa5}.coursehero{color:#fff;background:#102a43;border-radius:14px;margin:22px 0;padding:30px}.coursehero h2{margin:8px 0;font:700 36px Playfair Display,serif}.coursehero p{color:#dbeafe;max-width:700px}.progress{background:#49627a;border-radius:10px;height:8px;margin:20px 0 7px;overflow:hidden}.progress span{background:#e67e22;height:100%;display:block}.lmsgrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.lesson{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:23px}.lesson small{color:#e67e22;font-weight:700}.lesson h3{font-size:18px}.lesson p{color:#718096;font-size:13px}@media (width<=750px){.lmsgrid{grid-template-columns:1fr}}.services{text-align:left;background:#f5f8fb;border-radius:16px;padding:35px}.servicehead h1{margin:0 0 25px;font:700 42px Playfair Display,serif}.servicenav{border-bottom:1px solid #dfe7ef;gap:7px;padding-bottom:12px;display:flex;overflow:auto}.servicenav button{color:#506173;white-space:nowrap;background:0 0}.servicenav button.active{color:#fff;background:#0b5fa5}.servicegrid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px;display:grid}.servicecard{background:#fff;border:1px solid #e1e8ef;border-radius:13px;padding:28px}.servicecard small{color:#e67e22;font-weight:700}.servicecard h3{font-size:21px}.servicecard p{color:#718096;font-size:13px}@media (width<=650px){.servicegrid{grid-template-columns:1fr}}.control{text-align:left;background:#f5f8fb;border-radius:16px;overflow:hidden}.control header{color:#fff;background:#102a43;justify-content:space-between;align-items:center;padding:32px;display:flex}.control header small{letter-spacing:1.5px;color:#a9bfd3}.control header h1{margin:4px 0 0;font:700 35px Playfair Display,serif}.control header span{font-size:12px}.control nav{background:#fff;border-bottom:1px solid #e1e8ef;gap:5px;padding:12px;display:flex;overflow:auto}.control nav button{color:#536273;white-space:nowrap;background:0 0}.control nav button.active{color:#fff;background:#0b5fa5}.controlgrid{grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;display:grid}.controlcard{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:23px}.controlcard small,.controlpanel small{color:#e67e22;letter-spacing:1px;font-size:10px;font-weight:700}.controlcard strong{margin:7px 0;font-size:23px;display:block}.controlcard p,.controlpanel p{color:#718096;font-size:13px}.controlpanel{background:#fff;border:1px solid #e1e8ef;border-radius:13px;margin:25px;padding:35px}.controlpanel h2{margin:8px 0;font-size:25px}.controlpanel p{max-width:700px;margin-bottom:25px}@media (width<=650px){.control header{display:block}.control header span{margin-top:15px;display:block}.controlgrid{grid-template-columns:1fr}}.integration{text-align:left;background:#f5f8fb;border-radius:16px;padding:35px}.integhead{justify-content:space-between;align-items:center;display:flex}.integhead small{letter-spacing:1.5px;color:#718096}.integhead h1{margin:5px 0;font:700 42px Playfair Display,serif}.integhead p{color:#718096}.workflow{flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0;display:flex}.flow{background:#fff;border:1px solid #dfe7ef;border-radius:9px;align-items:center;gap:7px;padding:11px 12px;font-size:11px;display:flex}.flow b{color:#0b5fa5}.flow i{color:#e67e22;margin-left:4px;font-style:normal}.finalstats{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.finalstats div{background:#fff;border:1px solid #e1e8ef;border-radius:11px;padding:18px}.finalstats small{color:#718096;font-size:10px;display:block}.finalstats strong{font-size:23px}.production{color:#fff;background:#102a43;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px;padding:25px;display:grid}.production h2{grid-column:1/-1;margin:0 0 8px;font-size:20px}.check{color:#dce9f5;border-bottom:1px solid #29445c;padding:10px;font-size:13px}.check.pending{color:#f8c78e}@media (width<=800px){.finalstats{grid-template-columns:repeat(2,1fr)}.production{grid-template-columns:1fr}}@media (width<=600px){.integhead,.workflow{display:block}.flow{margin:7px 0}.flow i{display:none}}