@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#25364c;--navy-light:#2e4260;--slate:#546f83;--mist:#dde5ed;--offwhite:#f5f7fa;--white:#fff;--accent:#7ca3bc;--green:#2d7a4f;--green-bg:#e8f5ee;--red:#c0392b;--red-bg:#fdecea;--blue-bg:#e8eff8;--blue-text:#1a4d7a}html{scroll-behavior:smooth}body{background:var(--white);color:var(--navy);font-family:DM Sans,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:DM Sans,sans-serif}input,textarea,select{font-family:DM Sans,sans-serif}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.blog-layout{align-items:flex-start;gap:40px;width:100%;display:flex}.blog-content{max-width:700px;color:var(--slate);flex:2;font-size:17px;line-height:1.75}.blog-image-container{text-align:center;flex:1;position:sticky;top:40px}.blog-image-container img{object-fit:cover;border-radius:12px;width:100%}.blog-image-container .caption{color:var(--slate);opacity:.8;margin-top:8px;font-size:12px;font-style:italic}.blog-title{width:100%;color:var(--navy);margin-bottom:40px;font-family:DM Serif Display,serif;font-size:42px}@media (max-width:900px){.blog-layout{flex-direction:column}.blog-content,.blog-image-container{flex:none;width:100%}.blog-image-container{position:relative;top:0}.blog-title{margin-bottom:28px;font-size:32px}}article h2,article h3{margin-top:60px;margin-bottom:20px}.blog-summary{color:var(--slate);margin-bottom:40px;font-size:18px;line-height:1.75}.blog-content p{text-align:justify!important;text-justify:inter-word!important;margin-bottom:28px!important}@media (max-width:900px){.nav-desktop{display:none!important}.nav-mobile-btn{display:flex!important}}.blog-content hr{border:none;border-top:1px solid var(--mist);opacity:.6;margin:48px 0}.blog-content h2{color:var(--navy);margin-top:60px;margin-bottom:20px;font-family:DM Serif Display,serif;font-size:26px}.blog-content h3{color:var(--navy);margin-top:48px;margin-bottom:16px;font-family:DM Serif Display,serif;font-size:22px}.blog-content a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog-content blockquote{border-left:4px solid var(--accent);color:var(--navy);opacity:.9;margin:32px 0;padding-left:16px;font-style:italic}.blog-content blockquote p{margin:0}.blog-content a:hover{opacity:.8}@media (max-width:900px){.portal-grid{grid-template-columns:1fr!important;min-height:auto!important}.portal-left,.portal-right{padding:40px 6%!important}.portal-right>div{padding:28px!important}}.doc-container{background:var(--offwhite);min-height:100vh;padding:40px 6%}.doc-title{color:var(--navy);margin-bottom:24px;font-family:DM Serif Display,serif;font-size:32px}.doc-card{border:1px solid var(--mist);background:#fff;border-radius:14px;margin-bottom:32px;padding:28px}.doc-section-title{color:var(--navy);margin-bottom:20px;font-size:18px;font-weight:600}.doc-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.doc-label{color:var(--slate);font-size:12px;font-weight:500}.doc-input{border:1px solid var(--mist);border-radius:8px;width:100%;margin-top:6px;padding:10px 14px;font-size:14px}.doc-button{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:24px;padding:12px 20px;font-size:14px}.doc-row{border-bottom:1px solid var(--mist);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.doc-doc-title{font-size:14px;font-weight:500}.doc-doc-status{color:var(--slate);margin-top:4px;font-size:12px}.doc-link{color:var(--blue-text)}.doc-upload input[type=file]{cursor:pointer}@media (max-width:900px){.doc-container{padding:24px 4%!important}.doc-title{font-size:26px!important}.doc-card{padding:20px!important}.doc-grid{grid-template-columns:1fr!important;gap:14px!important}.doc-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.doc-upload input[type=file]{width:100%!important}}.portal-container{background:var(--offwhite);min-height:100vh;padding:32px 5%}.portal-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.portal-welcome{color:var(--navy);font-size:20px;font-weight:500}.portal-subtitle{color:var(--slate);margin-top:2px;font-size:13px}.portal-logout{border:1px solid var(--mist);color:var(--navy);cursor:pointer;background:0 0;border-radius:7px;padding:8px 18px;font-size:13px}.portal-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.portal-card{border:1px solid var(--mist);background:#fff;border-radius:10px;padding:18px}.portal-card-label{color:var(--slate);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.portal-card-value{color:var(--navy);font-family:DM Serif Display,serif;font-size:26px}.portal-card-badge{border-radius:4px;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-block}.portal-graphs{grid-template-columns:2fr 1fr;gap:16px;display:grid}.portal-graph-card{border:1px solid var(--mist);background:#fff;border-radius:10px;padding:20px}.portal-graph-title{color:var(--navy);margin-bottom:16px;font-size:13px;font-weight:500}.portal-bars{align-items:flex-end;gap:6px;height:80px;margin-bottom:8px;display:flex}.portal-bar{background:var(--navy);border-radius:3px 3px 0 0;flex:1}.portal-bar-labels{color:var(--slate);justify-content:space-between;font-size:11px;display:flex}.portal-score-box{text-align:center;margin-bottom:16px}.portal-score{color:var(--navy);font-family:DM Serif Display,serif;font-size:48px}.portal-score-sub{color:var(--slate);font-size:12px}@media (max-width:900px){.portal-container{padding:24px 4%!important}.portal-header{flex-direction:column;align-items:flex-start;gap:12px}.portal-cards{grid-template-columns:1fr 1fr!important;gap:12px!important}.portal-graphs{grid-template-columns:1fr!important}.portal-score{font-size:40px!important}}.landing p,.landing span,.landing li,.landing .text,.landing .description{text-align:justify!important;text-justify:inter-word!important}.landing h1,.landing h2,.landing h3,.landing h4{text-align:left!important}.problem-grid{grid-template-columns:1fr}@media (min-width:900px){.problem-grid{grid-template-columns:1fr 1fr}}