:root{--ink:#383838;--paper:#fff;--muted:#8f8c8c;--line:#69727d;--field:#0000009c;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--paper);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5}img{max-width:100%;height:auto}button,input{font:inherit}.split{grid-template-columns:minmax(0,62.5%) minmax(280px,1fr);align-items:stretch;min-height:100vh;display:grid}.content{background:var(--ink);flex-direction:column;gap:20px;min-width:0;padding:30px 180px 140px 230px;display:flex}.logo{line-height:0;display:block}.logo img{width:24%;min-width:115px;height:auto}h1{width:80%;color:var(--paper);text-align:left;margin:100px 0 10px;font-size:48px;font-weight:700;line-height:51px}.lead{width:80%;color:var(--paper);margin:0 0 14px;font-size:16px;font-weight:400;line-height:24px}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;width:75%;margin:0;padding:10px;list-style:none;display:grid}.benefits li{text-align:center;flex-direction:column;align-items:center;display:flex}.benefits svg{width:auto;height:40px;color:var(--paper);margin-bottom:15px}.benefits h2{color:var(--paper);margin:0;font-size:16px;font-weight:600;line-height:1.2}.form{width:100%}.fields{flex-wrap:wrap;margin:0 -5px;display:flex}.field{width:50%;margin-bottom:10px;padding:0 5px}.field input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:40px;color:var(--field);border-radius:3px;padding:8px 16px;font-weight:600}.field input::placeholder{color:#00000073;font-weight:600}.field input:focus{outline:2px solid var(--paper);outline-offset:1px}.field input:user-invalid{border-color:#e7b4b4}.field input[type=number]{appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.actions{justify-content:flex-end;padding:0 5px;display:flex}.actions button{background:var(--muted);min-height:40px;color:var(--paper);cursor:pointer;border:0;border-radius:0;padding:10px 60px;font-size:16px;font-weight:800}.actions button:hover{background:#7d7a7a}.actions button:disabled{cursor:progress;opacity:.75}.actions button:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-message{color:var(--paper);margin:16px 0 0;font-size:20px;font-weight:600;line-height:1.35}.form-message[data-state=error]{font-size:16px}.visual{background:#d7d4cf url(/piscina.webp) 50%/cover no-repeat;min-width:0}@media (width<=1280px){.content{padding:30px 64px 100px 72px}}@media (width<=1024px){.split{grid-template-columns:1fr}.visual{display:none}.content{padding:30px 48px 80px}}@media (width<=767px){.content{padding:30px 30px 48px}h1,.lead,.benefits{text-align:center;width:100%}h1{margin-top:36px;font-size:40px;line-height:1.1}.logo img{width:42%}}
