:root{font-family:Inter,system-ui,sans-serif;color:#f3f2fa;background:#10121a;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 80% 0%,#28224680,transparent 55%);min-height:100vh}main{max-width:1040px;margin:auto;padding:32px clamp(20px,5vw,64px)}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:inherit;font-size:28px;font-weight:700;letter-spacing:-1.4px;text-decoration:none}.brand span{display:block;color:#9391a8;font-size:11px;font-weight:500;letter-spacing:2px;margin-top:2px}.tag{border:1px solid #353244;color:#b7b3cd;border-radius:30px;padding:8px 12px;font-size:12px}.welcome{padding:clamp(48px,8vw,96px) 0 36px}.eyebrow,.label{font-size:11px;font-weight:600;letter-spacing:2px;color:#b5a0f8}h1{font-size:clamp(32px,6vw,58px);font-weight:600;line-height:1.1;letter-spacing:-2px;margin:18px 0;overflow-wrap:anywhere}.intro{color:#a5a4b7;font-size:17px;line-height:1.8}.connection{display:flex;align-items:center;gap:16px;border:1px solid #343141;background:#1d1d2b;padding:22px;border-radius:16px}h2{margin:0 0 8px;font-size:17px;font-weight:600}p{margin:0;line-height:1.6}.connection p,.feature p{color:#a5a4b7;font-size:14px}.status{width:9px;height:9px;background:#afa2d8;border-radius:50%;flex-shrink:0}.connected{background:#9ce1b7;box-shadow:0 0 0 5px #9ce1b714}.feature{display:flex;align-items:center;gap:24px;padding:32px 0;margin-top:20px}.profile-symbol{width:92px;height:92px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(140deg,#66559c,#242238);border:1px solid #645287;border-radius:24px;font-size:40px;font-weight:600}.feature h2{margin-top:10px}button{font:inherit;color:#fff;background:#6b50b5;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;flex-shrink:0}button:focus-visible,a:focus-visible{outline:2px solid #cdb8ff;outline-offset:4px}footer{color:#77758c;font-size:12px;border-top:1px solid #292736;padding-top:24px;margin-top:24px}@media(max-width:480px){.connection{flex-wrap:wrap}.connection>div{flex:1}.feature{align-items:flex-start;gap:16px}.profile-symbol{width:64px;height:64px;font-size:28px;border-radius:18px}}