:root{color-scheme:dark;--text:#fff4ec;--muted:#c6c2c1;--accent:#ffc7a5}*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#1c1c20}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(100deg,#131315ed,#202025bb),url('waterway.jpg') center/cover no-repeat}main{max-width:680px;margin:auto;padding:42px 28px 30px;text-align:center}.logo{display:block;width:154px;height:182px;object-fit:contain;margin:0 auto 24px}h1{font-size:clamp(36px,6vw,52px);line-height:1.07;letter-spacing:-.035em;margin:0 0 20px;font-weight:800}.intro{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 26px}.join{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:17px 30px;background:var(--accent);color:#201c1a;text-decoration:none;border:1px solid #ffe1cc;border-radius:12px;font-size:18px;font-weight:800;box-shadow:0 6px 24px #0004}.join:hover{background:#ffdbc3}.join:focus-visible,footer a:focus-visible{outline:3px solid white;outline-offset:5px}.join svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.connection{font-size:13px;color:var(--muted);margin:14px 0 30px}section{text-align:left;border:1px solid #ffffff38;background:#3030339c;backdrop-filter:blur(12px);border-radius:18px;padding:24px 26px}h2{font-size:19px;margin:0 0 18px}ol{padding-left:23px;margin:0}li{padding-left:8px;margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--muted)}li::marker{color:var(--accent);font-weight:bold}strong{color:var(--text)}.note{border-top:1px solid #ffffff25;padding-top:16px;font-size:12px;line-height:1.5;color:var(--muted);margin:18px 0 0}footer{font-size:12px;color:var(--muted);line-height:1.6;margin:26px 0 0}footer span{margin:0 7px}footer a{color:var(--accent);text-underline-offset:3px}@media(max-width:480px){main{padding:26px 20px}.logo{width:120px;height:142px;margin-bottom:20px}.intro{font-size:16px}.join{width:100%}section{padding:22px 20px}footer span{display:none}footer a{display:block;margin-top:6px}}

.join-help{text-align:left;margin:0 0 24px;padding:16px 20px;border:1px solid #ffffff38;border-radius:12px;background:#3030339c;font-size:14px;line-height:1.5}.join-help summary{cursor:pointer;color:var(--accent);font-weight:700}.join-help a{color:var(--accent)}.join-help p{color:var(--muted)}