@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap";
:root{--background:#5396e8;--foreground:#fff;--font-manrope:"Manrope", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-manrope);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}main{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.logo-container{margin-bottom:40px}.logo{max-width:180px;height:auto}h1{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:12px;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:.95}.tagline{opacity:.7;max-width:320px;margin-bottom:24px;font-size:1rem;font-weight:400;line-height:1.4}.contact-container{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.btn{color:var(--background);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn:hover{background:#ffffffe6;transform:scale(1.02)}.btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #fff}.btn-secondary:hover{background:#fff3}.footer{opacity:.5;letter-spacing:.05em;margin-top:32px;font-size:.7rem;font-weight:500}@media (max-width:480px){h1{font-size:2.5rem}.tagline{font-size:1rem}.btn{padding:14px;font-size:.95rem}}