*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:#152c45;
background:linear-gradient(#0003,#0005),url('/minha-geracao/static/media/plants/usina-destaque.webp') center/cover}
header{background:white;padding:10px 4%}
.logo{display:block;width:260px;aspect-ratio:400/65;position:relative;overflow:hidden}
.logo img{position:absolute;width:384%;max-width:none;left:-17.5%;top:-12.3%}
main{display:grid;grid-template-columns:1fr 450px;align-items:center;gap:50px;
padding:40px 6%;min-height:calc(100vh - 120px)}
.copy{color:white;text-shadow:0 2px 8px #0008}
.copy h1{font-size:48px;line-height:1.15;margin:0 0 24px}
.copy p{font-size:22px;line-height:1.5}
form{background:white;border-radius:20px;padding:32px;box-shadow:0 12px 35px #0005}
form .logo{width:250px;margin:auto}
h2{text-align:center;font-size:30px;margin:24px 0 8px}
form>p{text-align:center;color:#526278}
label{display:grid;gap:8px;margin-top:22px;font-weight:bold}
input{font:inherit;padding:14px;border:1px solid #c4cedd;border-radius:8px;width:100%}
.password{display:flex;position:relative}
.password input{padding-right:45px}
.password button{position:absolute;right:8px;top:10px;border:0;background:white;padding:6px;cursor:pointer}
.enter{width:100%;background:#087346;border:0;color:white;border-radius:8px;font-size:18px;
font-weight:bold;padding:16px;margin:26px 0 18px;cursor:pointer}
details{font-size:13px;line-height:1.5}
summary{cursor:pointer;color:#087346;text-align:center}
.error{color:#b11729!important}
footer{text-align:center;color:white;font-size:13px;padding:18px}
@media(max-width:700px){
header{padding:10px}.logo{width:210px}
main{display:flex;flex-direction:column;gap:20px;padding:24px 14px;min-height:auto}
.copy h1{font-size:28px}.copy p{font-size:15px}.copy{text-align:center}
form{width:100%;padding:24px;border-radius:14px}
}