:root{--primary-100:#9ee1ff;--primary-200:#0eadf3;--primary-400:#0a47e5;--primary-700:#033ac7;--secondary-400:#ef404a;--secondary-500:#ed1c24;--tertiary-400:#fd951a;--linear-warm:linear-gradient(-135deg,#ef404a,#fd951a);--linear-cold:linear-gradient(-135deg,#0a47e5,#0eadf3);--txt-black:#444;--bg-base:#f6f8f9;--white:#fff;--img-shadow:0 16px 32px rgba(10,71,229,.2);--card-shadow:0 8px 24px -8px rgba(10,71,229,.2);--font-family:"Fira Sans",sans-serif;--section-space:12vh;--inner-space:10vw;--grid-space:50px;--s-unit:8px;--m-unit:16px;--s-space:24px;--m-space:32px;--b-space:64px;--l-space:96px}@media screen and (max-width:1368px){:root{--section-space:8vh;--inner-space:5vw}}@media screen and (max-width:720px){:root{--section-space:96px;--inner-space:16px;--s-space:12px;--m-space:24px;--b-space:40px;--l-space:64px}}nav{background:var(--primary-400);border-radius:12px;box-shadow:0 6px var(--m-unit) -6px var(--secondary-500);display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--s-unit);height:72px;justify-content:space-between;left:50%;padding:var(--s-unit) var(--m-unit) var(--s-unit) var(--s-unit);position:fixed;top:88vh;transform:translate(-50%);width:612px;z-index:99}@media screen and (max-width:720px){nav{border-radius:0;bottom:0;box-shadow:0 0 var(--s-unit) -4px var(--primary-700);gap:0;height:64px;left:0;padding:0 var(--s-unit) 0 0;right:0;top:auto;transform:translate(0);width:100vw}}nav figure{align-items:center;background:#003585;border-radius:6px;cursor:grab;display:flex;flex-direction:row;justify-content:center;position:relative}nav figure img{padding:0 12px}nav figure:active{cursor:grabbing}nav figure:active:after{content:"";display:block;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@media screen and (max-width:720px){nav figure{display:none}}nav a{border-radius:6px;color:var(--white);flex:1;font:400 1.2rem var(--font-family);line-height:1.25em;padding:var(--m-unit);text-transform:uppercase;transition:all .2s cubic-bezier(.19,1,.22,1) 0s}@media screen and (max-width:720px){nav a{align-items:center;border-radius:0;display:flex;flex-direction:column;font-size:.8rem;gap:4px;justify-content:center;padding:var(--s-unit);text-align:center}}nav a img{display:none}@media screen and (max-width:720px){nav a img{display:inline-block}}nav a.router-link-active,nav a:hover{background:var(--secondary-400);transition:all .2s cubic-bezier(.19,1,.22,1) 0s}nav button{align-self:center;background:#6bea08;border-radius:50%;cursor:pointer;height:48px;width:48px}