:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f8f2e7;background:#0d1918;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 42%,#1b302d55,transparent 65%)}a{color:inherit;text-decoration:none}header,footer{width:min(1120px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}header{padding:28px 0;border-bottom:1px solid #2c3c39}.brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:650;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#a7b8b2;margin-top:7px}.account{font-size:14px;border:1px solid #42544e;border-radius:8px;padding:11px 16px}.account span{margin-left:12px;color:#edbf77}.account:hover{background:#233832;border-color:#d7b678}main{width:min(900px,calc(100% - 40px));margin:auto;padding:68px 0 74px}.intro{text-align:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#d8b47a;display:inline-flex;gap:8px;align-items:center}.eyebrow i{width:6px;height:6px;background:#d8b47a;border-radius:50%}h1{font-size:clamp(32px,5vw,49px);font-weight:550;letter-spacing:-1.8px;margin:18px 0 12px}.intro p{color:#b0beb8;font-size:17px;margin:0}.sports{display:flex;justify-content:center;gap:48px;margin:46px 0 48px}.sport{width:172px;text-align:center;display:flex;align-items:center;flex-direction:column;border-radius:15px;padding:12px 8px 16px}.icon{display:grid;place-items:center;width:124px;height:124px;background:#172b26;border:1px solid #42564c;border-radius:27px;box-shadow:0 8px 26px #0002}.treadmill .icon{background:#2b2921;border-color:#514c39}.rowing .icon{background:#1c2933;border-color:#3c5260}.sport h2{font-size:20px;letter-spacing:-.3px;margin:19px 0 10px;font-weight:600}.status{font-size:12px;color:#b6c2bd}.available{color:#80e3cb;font-weight:600}.available span{margin-left:8px}.cycling:hover{background:#21352e}.cycling:hover .icon{border-color:#80e3cb;box-shadow:0 0 0 3px #80e3cb16}.sport:focus-visible,.account:focus-visible,.brand:focus-visible{outline:3px solid #efba64;outline-offset:5px}.shared{display:flex;align-items:center;gap:17px;border-top:1px solid #2c3c39;padding-top:26px;max-width:610px;margin:auto}.shared-mark{font-size:27px;color:#ddb777;letter-spacing:-5px;width:38px;flex-shrink:0}.shared-mark span{color:#eee5cf}.shared p{font-size:13px;line-height:1.7;color:#aabbb3;margin:0}.shared strong{font-size:14px;color:#e5eae3;font-weight:550}footer{font-size:11px;color:#90a39a;border-top:1px solid #2c3c39;padding:22px 0}@media(max-width:600px){header,footer{width:calc(100% - 32px)}header{padding:18px 0}.brand{font-size:20px;gap:8px}.brand img{width:42px;height:42px}.brand small{font-size:7px;letter-spacing:1.2px}.account{font-size:12px;padding:9px}.account span{display:none}main{padding:46px 0}.sports{gap:5px;margin:32px 0}.sport{width:33.33%;padding:8px 2px}.icon{width:90px;height:90px;border-radius:22px}.icon img{width:76px;height:76px}.sport h2{font-size:16px}.status{font-size:11px}.shared{gap:12px}.shared p{font-size:12px}}@media(prefers-reduced-motion:no-preference){.cycling,.icon,.account{transition:background .15s,border-color .15s,box-shadow .15s}}

.rowing:hover{background:#1e333e}.rowing:hover .icon{border-color:#91caed;box-shadow:0 0 0 3px #91caed16}

.strength .icon{background:#302637;border-color:#695271}.strength:hover{background:#302637}.strength:hover .icon{border-color:#d5a4e7;box-shadow:0 0 0 3px #d5a4e716}@media(max-width:600px){.sports{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.sport{width:100%}}