:root { --petroleo:#082f39; --ouro:#e8cc64; --papel:#f3ecd7; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; place-items:center; padding:24px; color:#fff9df; background:linear-gradient(120deg,#062d37e8,#062d37b8),url("/assets/capa.png") center/cover; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(100%,720px); display:flex; align-items:center; gap:clamp(24px,7vw,64px); }
img { width:min(38vw,220px); box-shadow:0 24px 60px #0009; }
section { flex:1; }
span,label { font-size:.72rem; letter-spacing:.12em; color:#bfe2d7; }
h1 { margin:12px 0; font:700 clamp(2.3rem,8vw,4rem)/.95 Georgia,serif; }
p { color:#c9ded7; line-height:1.5; }
form { display:grid; gap:10px; margin-top:28px; }
input,button { min-height:50px; border-radius:999px; font:inherit; }
input { border:1px solid #ffffff45; padding:0 18px; color:white; background:#ffffff12; outline:none; }
input::placeholder { color:#b7ccc6; }
input:focus { border-color:var(--ouro); }
button { margin-top:6px; border:0; background:var(--ouro); color:#123c3a; font-weight:700; cursor:pointer; }
.error { padding:11px 14px; border-radius:10px; background:#8e2f2f80; color:#fff; font-size:.9rem; }
@media (max-width:560px) { main { display:block; } img { width:105px; margin-bottom:28px; } }