:root{--bg:#050505;--text:#e9e9e9;--muted:#e9e9e9ad;--ring:#ffffff29;--btn:#ffffff14;--btn-border:#ffffff2e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 50% 38%, #ffffff0d, transparent 46%), radial-gradient(circle at 20% 80%, #ffffff09, transparent 52%), var(--bg);min-height:100vh;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;overflow:hidden}.hero{min-height:100vh;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.08;mix-blend-mode:overlay;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27180%27%20height%3D%27180%27%20viewBox%3D%270%200%20180%20180%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.8%27%20numOctaves%3D%273%27%20stitchTiles%3D%27stitch%27/%3E%3C/filter%3E%3Crect%20width%3D%27180%27%20height%3D%27180%27%20filter%3D%27url\(%23n\)%27%20opacity%3D%270.45%27/%3E%3C/svg%3E);background-size:220px 220px;animation:8s linear infinite grainDrift;position:fixed;inset:-20%;transform:translate(0,0)}.hero>*{z-index:1;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:0 6vw clamp(70px,12vh,100px);display:flex}.xtownhall-logo{filter:drop-shadow(0 14px 30px #0000008c);opacity:0;width:min(860px,84vw);height:auto;margin-top:-10vh;animation:7s ease-in-out infinite logoFloat,.9s forwards fadeIn;display:block}h1{letter-spacing:-.02em;opacity:0;margin:0;font-size:clamp(28px,3.9vw,56px);font-weight:760;animation:.9s .12s forwards riseIn}.subtext{color:var(--muted);opacity:0;margin:0;font-size:clamp(14px,1.8vw,18px);animation:.9s .24s forwards riseIn}.primary-btn{color:var(--text);border:1px solid var(--btn-border);opacity:0;background:linear-gradient(#ffffff17,#ffffff0d);border-radius:14px;margin-top:10px;padding:14px 26px;font-weight:650;text-decoration:none;transition:box-shadow .16s,border-color .16s,transform .14s;animation:.9s .36s forwards riseIn,3.8s ease-in-out infinite buttonGlow;box-shadow:0 0 #fff0,0 10px 30px #00000059}.primary-btn:hover{border-color:#ffffff4d;translate:0 -1px;box-shadow:0 0 0 6px #ffffff0d,0 14px 44px #00000073}.primary-btn:focus-visible{outline-offset:4px;outline:2px solid #ffffffb3}.attribution{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));opacity:0;justify-content:center;padding:0 18px;animation:.9s .52s forwards fadeIn;display:flex;position:fixed}.attribution-link{color:#e9e9e9c7;opacity:.92;align-items:center;gap:10px;font-size:12px;text-decoration:none;display:inline-flex}.attention-logo{width:auto;height:16px;display:block}.attribution-text{white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%{transform:translateY(0)}50%{transform:translateY(-7px)scale(1.01)}to{transform:translateY(0)}}@keyframes buttonGlow{0%{box-shadow:0 0 #fff0,0 10px 30px #00000059}50%{box-shadow:0 0 0 6px #ffffff0d,0 18px 44px #00000073}to{box-shadow:0 0 #fff0,0 10px 30px #00000059}}@keyframes grainDrift{0%{transform:translate(-2%,-2%)}50%{transform:translate(2%,3%)}to{transform:translate(-2%,-2%)}}@media (prefers-reduced-motion:reduce){body:before{display:none}*{transition:none!important;animation:none!important}.xtownhall-logo,h1,.subtext,.primary-btn,.attribution{opacity:1}}@media (max-width:560px){.hero{gap:14px;padding:0 5vw clamp(62px,10vh,84px)}.xtownhall-logo{width:min(520px,92vw);margin-top:-7vh}h1{font-size:clamp(26px,8vw,42px)}.subtext{font-size:clamp(13px,3.9vw,16px)}.primary-btn{border-radius:12px;padding:12px 20px;font-size:14px}.attribution{bottom:calc(10px + env(safe-area-inset-bottom));padding:0 14px}.attribution-link{font-size:11px}.attention-logo{height:14px}}@media (max-height:650px){.hero{gap:14px;padding-bottom:60px}.xtownhall-logo{margin-top:-6vh}}