.connection-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:linear-gradient(120deg,#21172f,var(--surface));border:1px solid #563c78;border-radius:18px;padding:24px;margin-bottom:18px}.connection-card h2,.connection-card p{margin:3px 0}.connection-card p:not(.eyebrow){color:var(--muted);line-height:1.55}.plex-mark{width:55px;height:55px;border-radius:15px;background:linear-gradient(145deg,#e5a820,#8c5a08);color:#111;display:grid;place-items:center;font-size:27px;font-weight:900}.danger-card{background:#211216;border-color:#71333b}.danger-card .plex-mark{background:#571e29;color:#ff9ca6}.maintenance-card{background:#211b10;border-color:#6d562a}.maintenance-card .plex-mark{background:#4a3815;color:#f5c35b}.demo-form label{display:block;color:#c7ccd5;font-size:13px;font-weight:600;margin:16px 0}.demo-form label>span,.demo-form small{color:var(--muted);font-weight:400}.demo-form input,.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:8px;background:#0b0e13;border:1px solid var(--line);color:white;border-radius:10px;padding:13px;font:inherit}.demo-form textarea{min-height:150px;resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf622}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:760px){.connection-card{grid-template-columns:auto 1fr}.connection-card .button{grid-column:1/-1;width:100%}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}