:root{--bg: linear-gradient(90deg, #009bbd 0%, #023a4e 100%);--card: #ffffff;--text-muted: #465685;--text-dark: #414042;--headline: #012c37;--input-bg: #f5f5fa;--button: #014f68;--shadow-soft: 0 24px 50px rgba(0, 74, 104, .1)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg)}.card{width:min(90vw,1200px);aspect-ratio:16 / 9;background:var(--card);border-radius:40px;box-shadow:0 30px 80px #0000001f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:64px;padding:clamp(24px,4vw,48px)}.hero{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-image{width:clamp(160px,22vw,300px);height:auto;object-fit:contain}.headline{font-family:Sofia Sans,Gilroy,sans-serif;font-size:clamp(38px,4.5vw,64px);font-weight:900;color:var(--headline);margin-top:16px}.cta{margin-top:24px;display:flex;align-items:center;background:linear-gradient(180deg,#f5f5fad9,#f5f5fa);border-radius:999px;padding:10px;gap:12px;box-shadow:var(--shadow-soft);width:clamp(320px,60vw,520px)}.input{flex:1;border:none;background:transparent;padding:14px 20px;font-size:18px;color:#7878ab;outline:none}.button{border:none;background:var(--button);color:#fff;font-weight:700;letter-spacing:.08em;padding:14px 26px;border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #014f6840}.button:active{transform:translateY(0);box-shadow:none}.socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));justify-items:center;gap:clamp(12px,2vw,32px);width:clamp(320px,70vw,800px)}.socials img{width:clamp(36px,5vw,64px);height:clamp(36px,5vw,64px);object-fit:contain}@media (max-width: 768px){.card{width:100%;aspect-ratio:4 / 5;border-radius:28px;gap:48px}.cta{width:100%}}:root{font-family:Sofia Sans,Gilroy,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#011c25;background:linear-gradient(90deg,#009bbd,#023a4e)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#009bbd,#023a4e)}#root{width:100%}img{display:block}