*{box-sizing:border-box}body{margin:0;background:#f1f6f7;color:#18323f;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:24px}header{padding-top:36px}.brand{font-size:24px;font-weight:750;text-decoration:none;color:#163947}.brand span{color:#008d80}nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px}a{color:#007f77;text-underline-offset:3px}main{background:white;border:1px solid #d9e6e8;border-radius:18px;padding:36px;margin:12px auto}h1{font-size:clamp(25px,4vw,36px);line-height:1.25}h2{font-size:20px;margin-top:30px}p{margin:12px 0}.date,footer{color:#546d78;font-size:14px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plans section{padding:24px;border:1px solid #bee1dc;border-radius:14px;background:#f0faf7}.plans h2{margin-top:0}.price{font-size:36px}.price small{font-size:14px;font-weight:400;display:block}.status{display:inline-block;background:#e6f3f0;border-radius:8px;padding:6px 12px;color:#096c61}@media(max-width:650px){main{margin:10px;padding:22px}.plans{grid-template-columns:1fr}header,footer{padding:20px}}
button{font:inherit;border:1px solid #b8cecc;border-radius:8px;padding:10px 18px;background:#e9f0ef;color:#536963}button:disabled{cursor:not-allowed;opacity:.75}[hidden]{display:none!important}

button:not(:disabled){background:#008b80;color:white;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e7ad45;outline-offset:3px}.pro-consent{display:flex;gap:12px;align-items:flex-start;margin:24px 0;padding:16px;background:#f4f8f8;border:1px solid #cfdfdf;border-radius:12px}.pro-consent input{flex:0 0 20px;width:20px;height:20px;margin-top:5px}#proState{padding:14px 18px;background:#e9f5f1;border-radius:10px}#proRefresh{margin-bottom:16px}