:root{color-scheme:dark;--bg:#060d18;--card:#0d1929;--line:#233a55;--text:#f4f8ff;--muted:#9fb1c9;--blue:#2587f5;--green:#77dda5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#15365c 0,transparent 38%),var(--bg);color:var(--text);font:16px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;padding:32px 20px}.shell{width:min(760px,100%);margin:auto}.brand{display:flex;align-items:center;gap:10px;color:#62b1ff;font-size:14px;font-weight:800;letter-spacing:.16em;margin:0 0 20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#2196ff,#1762d5);color:white;font-size:18px}.brand small{margin-left:auto;color:#7087a4;font-size:11px}.card{background:linear-gradient(180deg,#101e31,#0b1727);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,44px);box-shadow:0 30px 90px #0008}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#65b4ff}h1{font-size:clamp(30px,6vw,44px);line-height:1.08;margin:10px 0 12px;letter-spacing:-.035em}.intro p{color:var(--muted);line-height:1.55;margin:0 0 30px;max-width:620px}form{display:grid;gap:16px}.section-title{display:flex;align-items:center;gap:10px;color:#dce9fa;font-weight:700;margin-top:8px}.section-title b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#173c67;color:#76bbff;font-size:13px}label{display:grid;gap:7px;color:#cbd9eb;font-size:14px;font-weight:650}label small{color:#7187a2;font-size:12px;font-weight:400}input,select,button{font:inherit;width:100%;min-height:52px;padding:13px 15px;border-radius:12px;border:1px solid #304b69;background:#071321;color:#fff;outline:none;transition:.18s ease}input:focus,select:focus{border-color:#4ba6ff;box-shadow:0 0 0 3px #2587f529}.code{font-size:24px;font-weight:800;letter-spacing:.25em;color:#72baff}button{display:flex;justify-content:space-between;align-items:center;border:0;background:linear-gradient(135deg,#2994ff,#1767dd);font-weight:800;cursor:pointer;margin-top:5px;padding-inline:20px}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:wait}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row.compact{grid-template-columns:1fr 1fr 1.25fr}.privacy{display:flex;gap:10px;align-items:flex-start;background:#0c2b29;border:1px solid #1f5b4f;border-radius:12px;padding:12px 14px;color:#bdebd0}.privacy span{color:var(--green);font-weight:900}.privacy p{margin:0;font-size:13px;line-height:1.45}#message{min-height:24px;color:#9bcaff;text-align:center;font-size:14px}.success{color:var(--green)!important}.error{color:#ff9c9c!important}@media(max-width:620px){body{padding:18px 12px}.brand{margin-inline:6px}.card{border-radius:19px}.row,.row.compact{grid-template-columns:1fr}.intro p{margin-bottom:22px}}
.connect-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 4px 18px;
}

.connect-brand{
    display:flex;
    align-items:center;
    gap:11px;
    color:#fff;
    text-decoration:none;
}

.connect-logo{
    width:54px;
    height:54px;
    object-fit:contain;
    display:block;
    flex-shrink:0;
}

.connect-brand strong{
    display:block;
    font-size:15px;
}

.connect-brand small{
    display:block;
    margin-top:3px;
    color:#8298b3;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.home-link{
    flex-shrink:0;
    padding:9px 12px;
    border:1px solid #294765;
    border-radius:9px;
    background:#0c1b2d;
    color:#cfe2f7;
    text-decoration:none;
    font-size:12px;
    font-weight:750;
}

.home-link:hover{
    background:#15304c;
    color:#fff;
}

.back-home-button{
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:3px;

    border:1px solid #294765;
    border-radius:11px;

    background:#0c1b2d;
    color:#cfe2f7;

    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.back-home-button:hover{
    background:#15304c;
    color:#fff;
}

@media(max-width:620px){

    .connect-topbar{
        margin:0 2px 14px;
    }

    .connect-logo{
        width:46px;
        height:46px;
    }

    .connect-brand strong{
        font-size:13px;
    }

    .connect-brand small{
        font-size:9px;
    }

    .home-link{
        padding:8px 10px;
        font-size:11px;
    }
}