:root{font:16px system-ui,sans-serif;color:#163443;background:#f3f7f8}body{margin:0}main{max-width:960px;margin:5vh auto;padding:24px}a{color:#286f6d}h1{font-size:2.4rem}section{background:white;padding:24px;border:1px solid #dce5e7;border-radius:16px}form{max-width:440px}label{display:block;margin:12px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #aabec4;border-radius:8px;font:inherit}button{font:inherit;padding:12px 18px;border:0;border-radius:8px;background:#286f6d;color:white;cursor:pointer}.secondary{background:#e7eff1;color:#163443}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}article{padding:16px;background:#f3f7f8;border-radius:10px}button:disabled{opacity:.6;cursor:wait}#status{min-height:1.5em}@media(max-width:700px){.plans{grid-template-columns:1fr}main{margin:0;padding:16px}}

.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}#profile-form{margin:24px 0;padding:24px;border:1px solid #c9d9df;border-radius:16px}#profile-form input{width:100%;min-height:44px;font-size:16px}@media(max-width:640px){.profile-fields{grid-template-columns:1fr}#profile-form{padding:16px}}

#profile-form{max-width:none}

.selected-plan{outline:2px solid #18786e;outline-offset:3px}