.wordpress-connect{min-height:100vh;padding:36px 24px 28px;background:radial-gradient(ellipse at top,#ebeaff 0,transparent 55%),#f7f8fc;color:#171c34;display:flex;flex-direction:column;align-items:center}
.wordpress-connect-brand{display:flex;align-items:center;gap:10px;max-width:580px;width:100%;margin-bottom:36px;font-size:21px;font-weight:750}.wordpress-connect-cx{width:40px;height:30px;object-fit:contain}.wordpress-connect-platform{margin-left:auto;font-size:12px;background:#fff;border:1px solid #dce1ef;color:#385e74;border-radius:20px;padding:7px 12px}
.wordpress-connect-card{width:100%;max-width:580px;padding:32px;background:#fff;border:1px solid #dedff0;border-radius:22px;box-shadow:0 14px 50px #29215a0a}.wordpress-connect-symbol{background:#edeaff;color:#5844e9;font-size:28px;width:58px;height:58px;display:grid;place-items:center;border-radius:16px}.wordpress-connect-eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.12em;color:#6255d3;margin-top:24px!important}.wordpress-connect-card h1{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:8px 0 12px}.wordpress-connect-card p{font-size:15px;line-height:1.55;margin:12px 0;color:#526076}.wordpress-connect-card p strong{color:#27354c}.wordpress-connect-site{display:flex;align-items:center;gap:14px;background:#f7f8fc;border:1px solid #e3e7ef;border-radius:14px;padding:16px;margin:24px 0}.wordpress-connect-site>span{background:#e4eff5;color:#28799b;font-family:serif;font-size:25px;border:2px solid #28799b;border-radius:100%;height:38px;min-width:38px;display:grid;place-items:center}.wordpress-connect-site div{min-width:0}.wordpress-connect-site small{display:block;overflow-wrap:anywhere;color:#657185;margin-top:4px}.wordpress-connect-card label{display:block;font-weight:700;margin:0 0 8px}.wordpress-connect-card select{width:100%;min-height:48px;background:#fff;border:1px solid #c7ccdf;border-radius:10px;padding:12px;color:#27354c;font:inherit}.wordpress-connect-card .wordpress-connect-help{font-size:13px;color:#677487}.wordpress-connect-card details{margin:18px 0;font-size:13px;color:#536177}.wordpress-connect-card summary{cursor:pointer}.wordpress-connect-card details p{font-size:13px}.wordpress-connect-card button{min-height:48px;border-radius:11px;font:inherit;cursor:pointer}.wordpress-connect-primary{display:block;width:100%;border:0;background:#554bea;color:white;font-weight:700!important;margin-top:24px;box-shadow:0 5px 14px #554bea26}.wordpress-connect-primary:disabled{background:#adaacb;box-shadow:none;cursor:default}.wordpress-connect-cancel{display:block;width:100%;border:0;background:transparent;color:#616f84;font-size:13px!important;margin-top:8px}.wordpress-connect-more{background:#f5f3ff;border:1px solid #e3dffc;color:#5944d3;padding:8px 12px;margin-top:12px}.wordpress-connect-card button:focus-visible,.wordpress-connect-card select:focus-visible,.wordpress-connect-card summary:focus-visible{outline:3px solid #b6afff;outline-offset:3px}.wordpress-connect-card .wordpress-connect-error{background:#fff3ed;color:#a0351e;border:1px solid #f5d4c4;padding:12px;border-radius:10px;font-size:13px}.wordpress-connect-footer{font-size:12px;color:#7d8799;max-width:580px;text-align:center;margin:20px 0}.wordpress-connect-login-notice{max-width:600px;margin:0 auto 18px;padding:14px 18px;border:1px solid #dcdaf5;border-radius:14px;background:#f3f0ff;display:flex;gap:14px;align-items:center;color:#43386f}.wordpress-connect-login-notice>span{font:700 25px Georgia,serif}.wordpress-connect-login-notice p{margin:0;font-size:13px;line-height:1.5}
@media(max-width:600px){.wordpress-connect{padding:22px 14px}.wordpress-connect-brand{margin-bottom:24px}.wordpress-connect-card{padding:24px 20px;border-radius:18px}.wordpress-connect-card h1{font-size:26px}.wordpress-connect-site{padding:13px}}
.konto-wordpress-detected { padding: 12px 14px; margin: 12px 0 4px; border: 1px solid #dce3f0; border-radius: 10px; background: #f6f8ff; color: #283952; font-size: 14px; }
.konto-wordpress-detected[hidden] { display: none; }
.integration-website-aliases { padding: 12px 20px; border-bottom: 1px solid #e4e8ef; color: #576579; }
.integration-website-aliases summary { cursor: pointer; font-size: 13px; }
.integration-website-alias { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 14px 0; }