:root{font-family:system-ui,sans-serif;color:#182441;background:#f4f6fb}body{margin:0}main{max-width:660px;margin:32px auto;padding:24px}header span{font-weight:800;color:#08765e}h1{font-size:30px;line-height:1.4;margin-bottom:8px}h2{font-size:20px;margin:8px 0}p{line-height:1.8;color:#536077}section{background:white;border:1px solid #e1e6f2;border-radius:24px;padding:24px;margin:18px 0}.connect-card{background:linear-gradient(135deg,#e5f7ef,#fff);border-color:#bcded0}.step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e0f2eb;color:#08765e;font-weight:800}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:14px;border:1px solid #c5ccdb;border-radius:12px;margin:12px 0;font:inherit;background:#fff}input,textarea{direction:ltr}textarea{resize:vertical}button{font:inherit;background:#08765e;color:white;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;margin:4px 0;min-height:46px}button:disabled{opacity:.5;cursor:wait}.danger{background:#a33a43}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#qr{display:block;max-width:100%;height:auto;margin:20px auto;padding:12px;background:white;box-sizing:border-box}#qr[hidden],[hidden]{display:none!important}#error{color:#a12236}#copyStatus{color:#08765e;font-weight:600}#groupList button{display:block;width:100%;text-align:start;background:#eef4f1;color:#08765e}details{padding:18px 8px;border-bottom:1px solid #dce3ec}summary{cursor:pointer;font-weight:600}@media(max-width:480px){main{padding:16px;margin:16px auto}h1{font-size:25px}section{padding:18px}}