*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f6f8;font-family:Inter,Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{background:#fff;justify-content:center;align-items:center;padding:30px 20px;display:flex;box-shadow:0 1px 8px #00000014}.logo{height:80px}main{flex:1;justify-content:center;align-items:center;display:flex}.hero{text-align:center}.hero h1{margin-bottom:20px;font-size:3rem}.hero p{margin-bottom:40px;font-size:1.2rem}.button{color:#fff;background:#2d7ef7;border-radius:8px;padding:15px 30px;text-decoration:none;transition:all .2s;display:inline-block}.button:hover{background:#1666dd}.footer{background:#fff;justify-content:center;gap:20px;padding:20px;display:flex;box-shadow:0 -1px 8px #00000014}.footer a{color:#2d7ef7;text-decoration:none}