.portal-section{position:relative;width:100%;height:100%}.portal-section .section-background{position:absolute;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.portal-section:before{content:"";position:absolute;inset:0;background:#1f3585;mix-blend-mode:multiply;opacity:.4;z-index:1;pointer-events:none}.portal-section .section-inner{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100%}.portal-section .section-inner nav{width:100%;background:rgba(49,89,237,.3);backdrop-filter:blur(22px) brightness(1.6);border-radius:1rem;padding-block:6.25rem 4.375rem}@media(max-width:768px){.portal-section .section-inner nav{padding-block:1.875rem}}.portal-section .section-inner nav ul{display:flex;flex-direction:column;gap:8px;width:520px;max-width:95%;margin:0 auto}.portal-section .section-inner nav ul li{width:100%}.portal-section .section-inner nav ul li a,.portal-section .section-inner nav ul li button{overflow:hidden;position:relative;display:flex;gap:1rem;align-items:center;width:100%;padding:.875rem 1.25rem;background:var(--primary-foreground-color);border-radius:.625rem;font-size:1.125rem}@media(max-width:520px){.portal-section .section-inner nav ul li a,.portal-section .section-inner nav ul li button{font-size:.9375rem}}.portal-section .section-inner nav ul li a *,.portal-section .section-inner nav ul li button *{position:relative;z-index:1}.portal-section .section-inner nav ul li a.active,.portal-section .section-inner nav ul li a:hover,.portal-section .section-inner nav ul li button.active,.portal-section .section-inner nav ul li button:hover{color:var(--primary-foreground-color)}.portal-section .section-inner nav ul li a:before,.portal-section .section-inner nav ul li button:before{content:"";position:absolute;inset:-10px;background:linear-gradient(90deg, #2E459A, #3450B9);z-index:0;transition:.2s ease}.portal-section .section-inner nav ul li a img,.portal-section .section-inner nav ul li button img{margin-left:auto;height:1.5em;transition:.2s ease}.portal-section .section-inner nav ul li a:not(.active) img,.portal-section .section-inner nav ul li button:not(.active) img{visibility:hidden;opacity:0}.portal-section .section-inner nav ul li a:not(.active,:hover):before,.portal-section .section-inner nav ul li button:not(.active,:hover):before{transform:translateX(-10px);opacity:0}.portal-section .section-inner nav ul li a i,.portal-section .section-inner nav ul li button i{font-size:2.2em;transition:.2s ease}.portal-section .section-inner nav ul li a span,.portal-section .section-inner nav ul li button span{transition:.2s ease}.portal-section .section-inner nav>.button{--button-block-padding: 0.625rem;margin-top:2.1875rem;margin-inline:auto;display:flex;width:max-content}