@font-face{font-family:Montserrat;src:url('/assets/montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#291039;color:#fff}
*{box-sizing:border-box}
html{height:100%;overflow:hidden}
body{margin:0;width:100%;height:100vh;height:100dvh;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(41,16,57,.94),rgba(41,16,57,.79)),linear-gradient(0deg,rgba(41,16,57,.36),rgba(41,16,57,.1)),url('/assets/port-background.png') center 55%/cover no-repeat;pointer-events:none}
main{width:100%;padding:24px;text-align:center}
.brand{width:40dvh;max-width:76vw;margin:0 auto 24px}
.slogan{margin:0 auto 28px;color:#fff;font-family:Montserrat,'Arial Black',Arial,sans-serif;font-weight:900;font-size:min(72px,8dvh);line-height:1.08;text-transform:uppercase}
.slogan span{display:block}
.logo{display:block;width:100%;height:auto;mix-blend-mode:lighten}
.contact{display:flex;align-items:center;justify-content:center;gap:28px;font-style:normal}
.contact a{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.88);text-decoration:none;font-size:15px;line-height:1.6;letter-spacing:.02em;padding:12px 0;transition:color .2s}
.contact svg{width:20px;height:20px;flex-shrink:0;color:#cab6da}
.contact a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.contact a:focus-visible{outline:2px solid #e1bfef;outline-offset:7px;border-radius:2px}
.divider{width:1px;height:23px;background:rgba(255,255,255,.23)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1024px){.brand{width:min(340px,40dvh,58vw)}.slogan{font-size:min(48px,7.7vw,7dvh)}}
@media(max-width:600px){main{padding:20px}.brand{width:min(260px,52vw,32dvh);margin-bottom:22px}.slogan{font-size:min(32px,7vw,6dvh);margin-bottom:24px}.contact{flex-direction:column;gap:3px}.divider{display:none}.contact a{font-size:14px;gap:10px}.backdrop{background-position:62% center}}
@media(max-height:400px){main{padding:12px}.brand{width:min(240px,45vw,30dvh);margin-bottom:12px}.slogan{font-size:min(28px,5dvh);margin-bottom:12px}.contact{gap:0}.contact a{padding:7px 0}}