:root{--blue:#007BFF;--dark:#111;--light:#f5f5f5;--white:#fff}
*{box-sizing:border-box}
body{margin:0;padding:0;font-family:"Inter",Arial,sans-serif;background:var(--white);color:var(--dark);display:flex;flex-direction:column;min-height:100vh}
header{background:var(--white);text-align:center;padding:20px 10px;border-bottom:2px solid var(--blue)}
header img{max-width:220px;height:auto}
.container{flex:1;max-width:720px;margin:30px auto;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:26px;text-align:center}
h1{margin:0 0 14px;color:#007BFF}
form{display:flex;flex-direction:column;gap:14px}
label{text-align:left;font-weight:600}
input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}
input:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 4px rgba(0,123,255,.4)}
button,.button-link{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-block;cursor:pointer;transition:.2s background}
button:hover,.button-link:hover{background:#005ec2}
.button-link.secondary{background:#e6f0ff;color:var(--blue);border:1px solid var(--blue)}
.button-link.secondary:hover{background:#d2e7ff}
.footer-separator{border:none;height:2px;background:var(--blue);margin:40px 0 0}
footer{background:var(--light);text-align:center;padding:24px 16px;font-size:.95em}
footer .footer-logo-img{max-width:180px;margin-bottom:10px}
footer .footer-info{line-height:1.6}
footer .footer-info a{color:#007BFF;text-decoration:none}
footer .footer-info a:hover{text-decoration:underline}
@media(max-width:600px){.container{margin:15px;padding:18px}}