.connect-page{color:#0f172a;background:radial-gradient(62% 58%,#94a3b82e 0%,#f1f5f900 100%),linear-gradient(145deg,#f8fafc 0%,#eef2ff 100%);min-height:100vh;font-family:Manrope,sans-serif;position:relative;overflow:hidden}.connect-main{justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex;position:relative}.connect-card{z-index:1;background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #0f172a1c;border-radius:20px;width:100%;max-width:324px;animation:.45s ease-out both connect-card-enter;position:relative;overflow:hidden;box-shadow:0 30px 72px #0f172a29}.connect-cover{background:#e2e8f0;height:205px;position:relative}.connect-cover:after{content:"";pointer-events:none;background:linear-gradient(#f8fafc0a,#0f172a33);position:absolute;inset:0}.connect-cover-image{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block}.connect-identity{text-align:center;background:linear-gradient(#182131 0%,#121a28 100%);border-bottom:1px solid #94a3b81f;padding:1.2rem 1.25rem 1.15rem}.connect-identity h1{color:#f8fafc;letter-spacing:-.015em;margin:0;font-family:Syne,sans-serif;font-size:1.95rem;line-height:1.02}.connect-role{color:#a6b3c5;letter-spacing:.01em;max-width:28ch;margin:.3rem auto 0;font-size:.72rem;font-weight:600;line-height:1.4}.connect-meta{color:#c4ceda;letter-spacing:.01em;justify-content:center;align-items:center;gap:.28rem;margin:.58rem 0 0;font-size:.78rem;font-weight:600;display:inline-flex}.connect-meta-dot{color:#8b9ab0;margin:0 .02rem}.connect-download{color:#fff;letter-spacing:.01em;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:calc(100% - 1.6rem);margin:1rem auto .2rem;padding:.8rem 1rem;font-size:.96rem;font-weight:800;transition:filter .2s,transform .2s;display:flex}.connect-download:hover{filter:brightness(1.03);transform:translateY(-1px)}.connect-download:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.connect-actions{gap:.56rem;margin-top:.9rem;padding:0 .8rem;display:grid}.connect-action{background:#ffffffeb;border:1px solid #0f172a1a;border-radius:12px;align-items:center;gap:.72rem;padding:.86rem .85rem;text-decoration:none;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.connect-action:hover{background:#eff6ff;border-color:#2563eb80;transform:translateY(-1px)}.connect-action-button{text-align:left;color:inherit;cursor:pointer;width:100%;font-family:inherit}.connect-action:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.connect-action-icon{color:#1d4ed8;background:#2563eb1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.connect-action-copy{color:#0f172a;flex-direction:column;gap:.08rem;min-width:0;display:flex}.connect-action-copy span{color:#64748b;text-transform:uppercase;letter-spacing:.045em;font-size:.68rem;font-weight:700}.connect-action-copy strong{color:#0f172a;letter-spacing:-.01em;word-break:break-word;font-family:Manrope,sans-serif;font-size:.98rem;font-weight:800;line-height:1.15}.connect-socials{justify-content:center;gap:1.1rem;margin-top:1.3rem;display:flex}.connect-socials a{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.connect-socials a:first-child{background:#0284c7}.connect-socials a:last-child{background:#16a34a}.connect-socials a:hover{filter:brightness(1.06);transform:translateY(-1px)}.connect-socials a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.connect-brand{width:fit-content;margin:1rem auto 1.4rem;display:block}.connect-brand-logo{width:auto;height:34px;display:block}.connect-share-modal{z-index:30;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.connect-share-backdrop{-webkit-backdrop-filter:blur(2px);background:#0f172a6b;border:none;position:absolute;inset:0}.connect-share-panel{background:#fff;border:1px solid #0f172a1a;border-radius:16px;width:min(100%,420px);padding:1rem;position:relative;box-shadow:0 20px 50px #0f172a40}.connect-share-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.connect-share-header h2{color:#0f172a;margin:0;font-family:Syne,sans-serif;font-size:1.15rem}.connect-share-close{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.connect-share-panel>p{color:#475569;margin:.45rem 0 0;font-size:.86rem;line-height:1.5}.connect-share-form{gap:.7rem;margin-top:.85rem;display:grid}.connect-share-form label{color:#334155;gap:.35rem;font-size:.82rem;font-weight:700;display:grid}.connect-share-form input{color:#0f172a;font:inherit;background:#fff;border:1px solid #0f172a26;border-radius:10px;padding:.68rem .75rem}.connect-share-form input:focus-visible,.connect-share-submit:focus-visible,.connect-share-close:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.connect-share-submit{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:.25rem;padding:.72rem .9rem;font-weight:700}.connect-share-submit:disabled,.connect-share-close:disabled{opacity:.6;cursor:not-allowed}@keyframes connect-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.connect-main{padding:1.2rem .75rem}.connect-card{max-width:312px}.connect-share-panel{padding:.95rem}}