body{margin:0;background:#eef3f8;font-family:Arial,sans-serif;color:#222}
.hero{text-align:center;padding:60px 20px 20px}
.hero h1{font-size:72px;margin:0}
.hero p{font-size:32px;margin:10px 0 0}
.panel{max-width:1100px;width:92%;margin:30px auto;background:#fff;padding:50px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.15)}
label{display:block;font-size:34px;font-weight:bold;margin-bottom:18px}
input{width:100%;padding:22px;font-size:30px;border:2px solid #aaa;border-radius:10px}
button{width:100%;margin-top:24px;padding:22px;font-size:30px;font-weight:bold;background:#1565ff;color:#fff;border:none;border-radius:10px;cursor:pointer}
#out{margin-top:30px;font-size:32px}
.content{max-width:1100px;width:92%;margin:25px auto 60px;background:#fff;padding:40px;border-radius:18px}
.content h2{font-size:42px}
.content p{font-size:24px;line-height:1.7}
@media(max-width:700px){.hero h1{font-size:48px}.hero p{font-size:24px}label,input,button,#out{font-size:22px}.content h2{font-size:32px}.content p{font-size:20px}}