/* Refined primary navigation. */
:root{--red:#df1f5a}
.topline{position:relative;padding:7px clamp(18px,5vw,72px);background:linear-gradient(90deg,#102452,#0b6095);font-size:11px;letter-spacing:.1px}
.topline a{position:relative;color:#fff0bd;font-weight:800}
.topline a:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.topline a:hover:after{transform:scaleX(1);transform-origin:left}
.header{min-height:78px;padding:9px clamp(18px,5vw,72px);background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 7px 23px #13265b0d}
.brand{gap:10px;transition:transform .25s ease}
.brand:hover{transform:translateY(-1px)}
.brand img{width:54px;height:54px;padding:3px;border:1px solid #df1f5a33;border-radius:15px;background:#fff;box-shadow:0 6px 16px #13265b14}
.brand b{font-size:16px;letter-spacing:-.2px}
.brand small{letter-spacing:3.4px}
.nav{gap:3px;padding:0;border:0;background:transparent;box-shadow:none}
.nav a{position:relative;padding:8px 11px;border-radius:999px;color:#3c4d67;font-size:12px;font-weight:800;line-height:1.25;transition:background .23s ease,color .23s ease,transform .23s ease,box-shadow .23s ease}
.nav a:hover,.nav a:focus-visible{color:#fff;background:#df1f5a;box-shadow:0 5px 13px #df1f5a35;transform:translateY(-1px);outline:0}
.nav a.active{color:#fff;background:#df1f5a;box-shadow:0 5px 13px #df1f5a35}
.nav .btn.primary{margin-left:5px;padding:10px 14px;border-radius:999px;background:#df1f5a;font-size:12px;box-shadow:0 7px 16px #df1f5a2b;transition:transform .23s ease,box-shadow .23s ease,filter .23s ease}
.nav .btn.primary:hover,.nav .btn.primary:focus-visible{transform:translateY(-2px);box-shadow:0 11px 21px #df1f5a40;outline:0}
.footer a{transition:color .2s ease,transform .2s ease}
.footer a:hover,.footer a:focus-visible{color:#df1f5a;transform:translateX(3px);outline:0}
@media(max-width:1000px){.nav a{padding:8px 8px;font-size:11px}.nav .btn.primary{padding:9px 11px;font-size:11px}.brand{min-width:175px}}
@media(max-width:760px){.header{min-height:70px;padding:9px 4%}.brand img{width:47px;height:47px}.nav{gap:3px;padding:10px 4%;border:0;border-radius:0;background:#fffffff5;box-shadow:0 14px 28px #13265b12}.nav a{padding:10px 12px;border-radius:10px;font-size:13px}.nav .btn.primary{margin:7px 0 0;padding:11px 14px;border-radius:10px}.menu-btn{border-color:#d7e0eb;background:#fff;box-shadow:0 4px 10px #13265b0e}}
