:root{--brand:#0063ba;--brand-hover:#004984;--accent:#06c9e5;--tint:#eff8ff;--ink:#15334c}
body:has(.consent-brand--naturgy){--brand:#a64700;--brand-hover:#803700;--accent:#ff9400;--tint:#fff7ee}
body{margin:0;padding:0 0 36px;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 0 0,#086ab0 0,transparent 48%),radial-gradient(ellipse at 100% 38%,#073b79 0,transparent 50%),#031c39;color:var(--ink)}
.consent-brand{width:min(1120px,100%);margin:0 auto 32px;overflow:hidden;border-bottom:3px solid var(--accent);box-shadow:0 20px 60px #00102066;border-radius:0 0 20px 20px}
.consent-brand a{display:block;margin:0;line-height:0}
.consent-brand img{display:block;width:100%;height:auto;object-fit:contain}
.container{width:min(92%,720px);margin:0 auto}
.card,body>main{background:#fff;border:1px solid #dce8f1;border-radius:20px;padding:clamp(24px,5vw,42px);box-shadow:0 18px 55px #0003}
body>main,body>.card{box-sizing:border-box;width:min(92%,720px);max-width:720px;margin:0 auto}
.logo{color:var(--brand);font-size:20px;font-weight:700;letter-spacing:-.4px;margin-bottom:8px}
.subtitle{color:#536779;line-height:1.5;margin-bottom:24px}
h1{color:#102f49;font-size:clamp(24px,4vw,30px);line-height:1.22;letter-spacing:-.5px;margin-top:12px}
p,.intro{line-height:1.7;color:#41586b}
label{color:#183950}
input{box-sizing:border-box;background:#fff;border:1px solid #9aaebd;border-radius:10px;min-height:48px;color:#15334c}
input[type=checkbox]{min-height:20px;width:20px;height:20px;flex-shrink:0;accent-color:var(--brand)}
input:focus{border-color:var(--brand);outline:3px solid var(--accent);outline-offset:2px}
.consent-box,.notice,.info{background:var(--tint);border:1px solid #d5e4ef;border-left:4px solid var(--brand);border-radius:12px}
.consent-box p{color:#314d62}
button{background:var(--brand);color:#fff;border:0;border-radius:10px;min-height:50px;font-weight:700;line-height:1.4;padding:14px 20px;cursor:pointer}
button:hover{background:var(--brand-hover)}
a{color:var(--brand);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.footer{color:#d5e8fa;line-height:1.7;font-size:13px}
.footer a{color:#e5f3ff}
.card .footer{color:#506579}
.card .footer a{color:var(--brand)}
.sms-info{color:#566a7c;line-height:1.5}
.success{color:var(--brand)}
.error{color:#a11d25}
@media(max-width:600px){body{padding-bottom:24px}.consent-brand{margin-bottom:22px;border-radius:0 0 12px 12px}.container{width:94%;margin:0 auto}.card,body>main{padding:24px 20px;border-radius:16px}body>main,body>.card{width:94%}.checkbox{gap:12px}.consent-box{padding:16px}.footer{padding:0 12px}}