*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img,picture,video,canvas{max-width:100%;height:auto}:root{--color-primary:#685cd6;--color-light:#c7c4fa;--color-bg:#f5f4ff;--color-text:#1f1235;--radius-card:16px;--radius-soft:12px;--spacing-section:4rem;--spacing-section-mobile:3rem;--max-width-content:1200px}h1,h2,h3,h4{color:var(--color-text);font-weight:600}p{line-height:1.6}section{justify-content:center;width:100%;display:flex}section>div,.header-inner,.footer-inner{width:100%;max-width:var(--max-width-content)}@media (max-width:480px){:root{--spacing-section:var(--spacing-section-mobile)}h1{font-size:1.9rem}h2{font-size:1.5rem}}@media (min-width:481px) and (max-width:1024px){h1{font-size:2.2rem}h2{font-size:1.7rem}}@media (min-width:1025px){h1{font-size:2.4rem}h2{font-size:1.8rem}}
.shell{flex-direction:column;height:100dvh;display:flex}.shell-main{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;flex:1;min-height:0;overflow-y:auto}.shell-main::-webkit-scrollbar{width:8px}.shell-main::-webkit-scrollbar-track{background:0 0}.shell-main::-webkit-scrollbar-thumb{background-color:var(--color-primary);opacity:.6;border-radius:100px}
.header{background-color:#fff;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:center;width:100%;padding:.75rem 1.25rem;display:flex}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.header-nav{gap:1.5rem;display:flex}.header-nav a{color:var(--color-text);opacity:.75;font-size:.95rem;font-weight:500}.header-nav a:hover,.header-nav a.active{opacity:1;color:var(--color-primary)}.logo-institutional{width:auto;height:auto;max-height:40px}.logo-hex{width:auto;height:auto;max-height:36px}@media (max-width:480px){.header{padding:.5rem 1rem}.header-nav{gap:1rem}.header-nav a{font-size:.85rem}.logo-institutional{max-height:32px}.logo-hex{max-height:28px}}@media (min-width:481px) and (max-width:1024px){.logo-institutional{max-height:36px}.logo-hex{max-height:32px}}
.footer{background-color:#fff;border-top:1px solid #0000000d;flex-shrink:0;justify-content:center;width:100%;padding:2rem 1.5rem;display:flex}.footer-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-logo img{width:auto;height:auto;max-height:32px}.footer-text{opacity:.75;margin:0;font-size:.9rem}@media (max-width:480px){.footer-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.footer-logo img{max-height:28px}.footer-text{font-size:.85rem}}