@font-face{font-family:Montserrat;src:url('/fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;font-family:Montserrat,system-ui,-apple-system,sans-serif;color:#fff;background:#00594c;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px;background:#00594c;animation:background-colors 60s ease-in-out infinite}
main{display:grid;place-items:center;min-height:100svh;padding:40px 24px}
.card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,760px);padding:62px 44px 30px;border:1px solid rgba(255,255,255,.17);border-radius:36px;background:#00594c;box-shadow:0 30px 80px rgba(0,24,21,.23),inset 0 1px 0 rgba(255,255,255,.04);text-align:center;animation:arrive .8s ease-out both}
h1{margin:0;font-size:clamp(42px,7.8vw,72px);font-weight:700;letter-spacing:-.055em;line-height:1.15}
h1 span{color:#fff}
.slogan{margin:17px 0 0;font-size:clamp(17px,2.5vw,23px);font-weight:600;line-height:1.5;letter-spacing:-.025em}
.divider{width:40px;height:2px;background:#67c9b5;margin:31px auto 27px;border-radius:2px}
.about{margin:0;color:#fff;font-size:clamp(15px,2vw,18px);font-weight:400;line-height:1.8;letter-spacing:-.015em}
footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin-top:54px;font-size:11px;font-weight:500;letter-spacing:.13em;color:#fff}
.domain{display:flex;align-items:center;gap:8px}
.copyright{font-size:11px;line-height:1.5;letter-spacing:.025em;color:#fff}
.dot{width:5px;height:5px;border-radius:50%;background:#80d6c3}
@keyframes background-colors{0%,31.833333%{background-color:#00594c}33.333333%,65.166667%{background-color:#40c1ac}66.666667%,98.5%{background-color:#004c97}100%{background-color:#00594c}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){main{padding:24px 18px}.card{padding:46px 22px 27px;border-radius:28px}.desktop-break{display:none}.about{max-width:290px;margin-inline:auto}footer{margin-top:42px}}
@media(prefers-reduced-motion:reduce){body,.card{animation:none}}