:root{color-scheme:light;--green:#83ce38;--ink:#242b24;--muted:#626d62;--line:#dfe5da}
*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
main{width:min(100% - 48px,680px);margin:0 auto;padding:40px 0 28px}.brand{display:inline-flex;align-items:baseline;gap:0;font-size:32px;font-weight:800;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.brand span{color:#579b20}.brand small{margin-left:22px;font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}
.eyebrow{margin-top:68px;color:#548427;font-size:11px;letter-spacing:2px;font-weight:750}h1{font-size:clamp(38px,7vw,60px);line-height:1.07;letter-spacing:-2.5px;font-weight:650;margin:18px 0 24px}.intro{font-size:17px;max-width:550px;margin:0 0 30px;color:#505c50}.intro strong{color:var(--ink);overflow-wrap:anywhere}h2{font-size:15px;font-weight:700;margin:0}
.connection{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);padding:22px;border-radius:3px}.connection p{font-size:14px;color:var(--muted);margin:6px 0 0}.indicator{width:18px;height:18px;flex:0 0 18px;margin-top:3px;border:2px solid #e1e8da;border-top-color:#599629;border-radius:50%;animation:spin .9s linear infinite}.connection[data-state="unconfirmed"] .indicator{animation:none;border-color:#a79563;background:#f4f0e4}.connection[data-state="found"] .indicator{animation:none;border-color:#599629;background:var(--green)}
.actions{display:flex;gap:24px;align-items:center;margin:18px 0 42px}button{border:0;background:var(--green);color:#233515;font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;padding:14px 20px;border-radius:3px;min-height:48px;cursor:pointer}button:hover{background:#73bd2d}button:disabled{opacity:.55;cursor:wait}.direct{font-size:14px;font-weight:650;white-space:nowrap}a{color:#3d7121;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #3e7027;outline-offset:4px}.direct span{margin-left:5px}
.instructions{border-top:1px solid var(--line);padding-top:26px}.instructions>h2{font-size:18px}ol{list-style:none;padding:0;margin:22px 0 24px}li{display:flex;gap:18px;margin:18px 0;font-size:15px}li>span{color:#809276;font-size:12px;letter-spacing:1px;padding-top:3px;flex:0 0 20px}.ssid{background:#eaf2e1;border:1px solid #d8e5cd;padding:2px 6px;border-radius:3px;overflow-wrap:anywhere}.note{font-size:13px;color:var(--muted);margin:14px 0}footer{margin-top:38px;border-top:1px solid var(--line);padding-top:18px;color:#7a8377;font-size:11px}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.indicator{animation:none}}@media(max-width:480px){main{width:calc(100% - 36px);padding-top:24px}.eyebrow{margin-top:44px}h1{letter-spacing:-1.7px}.brand small{margin-left:16px}.actions{align-items:stretch;flex-direction:column;gap:18px}.direct{text-align:center}.connection{padding:18px}}