*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:Montserrat,"Segoe UI",Roboto,Arial,sans-serif;color:#111;background:#3f62f1;display:flex;flex-direction:column;min-height:100vh}
header{background:#fff;padding:14px 24px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#3f62f1}
header .dot{width:28px;height:28px;border-radius:50%;background:#3f62f1}
main{flex:1;display:flex;flex-direction:column;align-items:center;padding:60px 16px}
h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 40px;text-align:center}
.card{background:#fff;border-radius:20px;width:100%;max-width:492px;padding:40px}
label{display:block;font-size:14px;margin:0 0 6px}
.f{margin-bottom:16px}
input,textarea{width:100%;font:inherit;font-size:15px;padding:12px 16px;border:1px solid #e5e5e5;background:#e5e5e5;border-radius:20px;outline:none}
input:focus,textarea:focus{border-color:#3f62f1;background:#fff}
textarea{resize:vertical;min-height:110px}
button{width:100%;border:0;border-radius:20px;background:#3f62f1;color:#fff;font:inherit;font-weight:700;text-transform:uppercase;padding:14px;cursor:pointer}
button:hover{background:#2c4fd9}
footer{background:#333;color:#ccc;font-size:13px;text-align:center;padding:20px 16px}
@media(max-width:575px){h1{font-size:2rem}.card{padding:24px 20px}}