.connection-page{max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,52px);color:#173e30}.connection-page h1{font-size:clamp(26px,3.8vw,42px);font-weight:750;letter-spacing:-.04em;margin:8px 0 14px}.connection-page h2{font-size:22px;font-weight:650;margin:12px 0}.connection-page p{line-height:1.7;margin:8px 0;color:#446252}.connection-card{padding:24px;margin:20px 0;border:1px solid #b9dcca;border-radius:22px;background:linear-gradient(130deg,#ffffffdf,#edf8f0bb);box-shadow:0 12px 32px #153e2910;backdrop-filter:blur(18px)}.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}.connection-page label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px;margin:12px 0}.connection-page input,.connection-page select,.connection-page textarea{padding:12px 14px;border:1px solid #a6cbb7;border-radius:12px;background:#ffffffdb;color:#173e30;width:100%;min-width:0;font-weight:400}.connection-page textarea{min-height:110px}.connection-page input[type=checkbox]{width:auto;accent-color:#18724d}.connection-page label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:12px}.connection-page button{border:1px solid #9fcbb4;background:#e5f4eb;border-radius:12px;padding:10px 16px;color:#175c3b;font-weight:650;cursor:pointer}.connection-page button.primary,.connection-page button[type=submit]{background:#176d49;color:white;border-color:#176d49}.connection-page button:disabled{opacity:.55;cursor:not-allowed}.connection-page :focus-visible{outline:3px solid #2b8f63;outline-offset:3px}.connection-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.connection-page a{text-decoration:underline;text-underline-offset:3px}.connection-page .atlas-primary{text-decoration:none}.connection-steps{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:24px 0;padding:0}.connection-steps li{padding:9px 13px;border-radius:20px;background:#e3eee6;font-size:13px}.connection-steps [aria-current=step]{background:#176d49;color:#fff}.connection-badge{display:inline-block;padding:5px 10px;margin:4px;border-radius:8px;background:#e0f0e6;font-size:12px}.connection-error{background:#fff1f0!important;color:#8d2828!important;padding:14px;border-radius:10px}.connection-notice{background:#dcefe3;padding:14px;border-radius:10px}.connection-muted{font-size:13px}.connection-page ul{padding-left:20px;line-height:1.8}.connection-message{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;border-radius:16px;background:#fff;margin:12px 0;border:1px solid #d0e5d7}.connection-message.mine{background:#def0e4;margin-left:24px}.connection-thread{display:block;width:100%;text-align:left;margin:10px 0}.connection-split{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:24px}.connection-trust{margin:20px 0;padding:20px;border:1px solid #b8dbc7;border-radius:16px}.connection-trust h2{font-size:20px}.connection-trust p{margin:8px 0}.connection-trust a{display:inline-block;margin:8px 16px 8px 0;text-decoration:underline}@media (max-width:760px){.connection-split{grid-template-columns:1fr}.connection-page{padding:20px 12px}.connection-card{padding:18px}.connection-message.mine{margin-left:12px}}@media (prefers-reduced-motion:no-preference){.connection-card{animation:connection-enter .32s ease both}@keyframes connection-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}