/* Sporty member entry. Decorative layers never cover the form or receive focus. */
#connexion .member-banner{isolation:isolate}
#connexion .member-banner-shade{background:linear-gradient(90deg,#03191ff5 0%,#05242bce 27%,#05242b56 57%,#051e2559 100%),linear-gradient(0deg,#03191fb3,transparent 72%)}
#connexion .rally-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#connexion .rally-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 145px,#6eece505 146px 147px);opacity:.8}
#connexion .rally-orbit{position:absolute;left:30%;top:3%;width:470px;height:470px;border:1px solid #66eadb2e;border-radius:50%;transform:rotate(-26deg) scaleX(.66)}
#connexion .rally-orbit-two{width:540px;height:540px;left:27%;top:-1%;border-style:dashed;border-color:#e6f78926;animation:rally-orbit-drift 14s ease-in-out infinite alternate}
#connexion .rally-ball{position:absolute;left:45%;top:19%;width:20px;height:20px;background:radial-gradient(circle at 32% 28%,#fffbd9,#e9f882 64%,#a6bf45);border:1px solid #ffffc3;border-radius:50%;box-shadow:0 8px 20px #0004;animation:rally-ball-flight 6s ease-in-out infinite}
#connexion .rally-streak{position:absolute;left:43%;top:28%;width:100px;height:3px;background:linear-gradient(90deg,transparent,#b9f4dd88);transform:rotate(-35deg);animation:rally-streak-drift 6s ease-in-out infinite}
#connexion .rally-watermark{position:absolute;left:24%;bottom:2%;font:900 clamp(80px,12vw,180px)/1 Arial,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #a6e5db1f;transform:skew(-9deg);user-select:none}
#connexion .member-layout{grid-template-columns:minmax(0,1fr) minmax(410px,520px);gap:clamp(28px,4vw,72px);padding-block:20px}
#connexion .rally-welcome{position:relative;max-width:760px;padding:0 0 0 22px;border-left:3px solid #bce572;animation:rally-welcome-in .55s ease-out both}
#connexion .member-club-sign{gap:18px;margin-bottom:22px}
#connexion .member-club-sign>img{width:108px;height:84px;filter:drop-shadow(0 5px 12px #0005)}
#connexion .member-club-sign .eyebrow{color:#3ce6da;font-size:11px;letter-spacing:2.2px}
#connexion .member-club-sign small{font-size:9px;letter-spacing:1.8px;color:#e8efcd;margin-top:7px}
#connexion .rally-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:1.7px;color:#dcebbd;margin:0 0 16px}
#connexion .rally-kicker>span{width:8px;height:8px;flex:none;background:#f5b38a;box-shadow:0 0 0 4px #f5b38a16;border-radius:50%}
#connexion .member-welcome h1{font-size:clamp(54px,5.6vw,94px);line-height:.99;margin:0 0 20px;letter-spacing:-1.8px;color:#f7fcf9;text-wrap:balance}
#connexion .rally-club-word{display:inline-block;color:#effab5}
#connexion .member-welcome h1 em{color:#08dfcf;font-size:.73em;line-height:1.08;margin-top:10px;white-space:nowrap}
#connexion .rally-period{color:#ffa586}
#connexion .member-welcome>p{max-width:570px;font-size:15px;line-height:1.6;color:#d0e4df;margin:0 0 23px}
#connexion .member-welcome>p strong{font-weight:600;color:#f2faf4}
#connexion .member-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;max-width:570px}
#connexion .member-highlights>.rally-feature{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px 9px;min-width:0;padding:13px 11px;border:1px solid #4c8c8770;border-radius:13px;background:#0c333adc;color:#f0fbf6;text-align:left;box-shadow:0 8px 24px #00181e1c;transition:transform .2s,border-color .2s}
#connexion .rally-feature>svg{width:22px;height:22px;fill:none;stroke:#61eddd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3}
#connexion .rally-feature:nth-child(2){border-top:2px solid #ddf27c}
#connexion .rally-feature:nth-child(2)>svg{stroke:#ddf27c}
#connexion .rally-feature:nth-child(3){border-top:2px solid #ffa586}
#connexion .rally-feature:nth-child(3)>svg{stroke:#ffa586}
#connexion .rally-feature:first-child{border-top:2px solid #61eddd}
#connexion .rally-feature>b{font-size:12px;line-height:1.3;font-weight:750;letter-spacing:0}
#connexion .rally-feature>small{font-size:10px;line-height:1.4;color:#b7d5d1;letter-spacing:0}
#connexion .rally-signature{display:flex;align-items:center;gap:9px;color:#b6d1cc;font-size:9px;letter-spacing:1.7px;font-weight:700;margin-top:17px}
#connexion .rally-signature>span{font-size:21px;line-height:1;color:#ffa586;animation:rally-arrow-move 3s ease-in-out infinite}
#connexion .member-demo-panel{position:relative;background:#e2ece6;border:1px solid #b0d3c7;border-radius:22px;box-shadow:0 20px 65px #0005;overflow:hidden;padding:21px 23px 16px;animation:rally-panel-in .45s ease-out both}
#connexion .member-demo-panel:before{content:"";position:absolute;left:22px;right:22px;top:0;height:5px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#05bfb1 0 58%,#d5ee78 58% 82%,#ff9f7c 82%)}
#connexion .access-space-picker{gap:8px;margin-bottom:13px}
#connexion .access-space-picker button{background:#153c45;color:#edf8f3;border:1px solid #315e64;min-height:48px;padding:9px 10px;border-radius:12px;transition:background .18s,transform .18s,border-color .18s}
#connexion .access-space-picker small{color:#c1d8d5}
#connexion .access-choice-number{background:#ffffff12;border-color:#6a9792;color:#d8efdc;width:24px;height:24px}
#connexion [data-access-space=personnel][aria-pressed=true]{background:#e3f392;border-color:#a1bc48;color:#243a28;box-shadow:inset 3px 0 0 #91ab35}
#connexion [data-access-space=administration][aria-pressed=true]{background:#08c9bd;border-color:#008e84;color:#062f37;box-shadow:inset 3px 0 0 #008c80}
#connexion [data-access-space][aria-pressed=true] small{color:#31544c}
#connexion [data-access-space][aria-pressed=true] .access-choice-number{background:#ffffff78;border-color:#5a827253;color:#23453f}
#connexion .member-demo-panel .tag{display:inline-flex;align-items:center;background:#f1f6da;color:#476128;border-color:#c0d08d;font-size:9px;letter-spacing:1px;padding:4px 7px;line-height:1.3}
#connexion .member-demo-panel h2{color:#153b43;font-size:25px;margin:12px 0 8px}
#connexion .member-intro{color:#45646b}
#connexion .member-demo-panel .account-tabs{background:#cadcd2;border-color:#aec9bc;margin-block:9px;padding:3px}
#connexion .account-tabs button{min-height:38px;color:#355b61;letter-spacing:0}
#connexion .account-tabs button[aria-pressed=true]{background:#f6f9e8;color:#2a5147;box-shadow:0 2px 7px #153c3212}
#connexion .member-demo-panel .account-submit{position:relative;background:#006f69;border-color:#006f69;color:#fff!important;border-radius:12px;box-shadow:0 5px 0 #024e4b;transition:transform .18s,box-shadow .18s,background .18s;overflow:hidden}
#connexion[data-access-space=administration] .member-demo-panel .account-submit{background:#194b69;border-color:#194b69;box-shadow:0 5px 0 #103347}
#connexion .member-demo-panel .account-submit:after{content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff2b,transparent);pointer-events:none}
#connexion .member-demo-panel .account-submit:disabled{box-shadow:none;background:#cfdbd5;border-color:#bacdc3;color:#536e64!important}
#connexion .member-demo-panel .account-submit:disabled:after{display:none}
#connexion .account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
#connexion .account-fields>.form-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#connexion .account-fields label{min-width:0;font-size:12px;line-height:1.35;margin:0}
#connexion .account-fields input{font-size:16px;min-height:44px;padding:9px 11px;margin-top:4px}
#connexion .account-rule{margin:10px 0;font-size:11px;line-height:1.4}
#connexion .member-demo-panel .account-submit:focus-visible,#connexion .access-space-picker button:focus-visible{outline:3px solid #22565e;outline-offset:3px}
@media(hover:hover){#connexion .rally-feature:hover{transform:translateY(-3px);border-color:#8acfc1}#connexion .access-space-picker button:hover{transform:translateY(-2px)}#connexion .member-demo-panel .account-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 0 #024e4b;background:#005e59}#connexion[data-access-space=administration] .member-demo-panel .account-submit:not(:disabled):hover{box-shadow:0 7px 0 #103347;background:#123f59}#connexion .account-submit:not(:disabled):hover:after{animation:rally-button-shine .65s ease-out both}}
@keyframes rally-ball-flight{0%,100%{transform:translate(0,0) scale(1)}35%{transform:translate(-28px,55px) scale(.82)}65%{transform:translate(23px,98px) scale(.96)}}
@keyframes rally-orbit-drift{to{transform:rotate(-15deg) scaleX(.73) translateY(-14px)}}
@keyframes rally-streak-drift{0%,100%{transform:rotate(-35deg) translate(0,0);opacity:.5}50%{transform:rotate(-35deg) translate(12px,12px);opacity:.85}}
@keyframes rally-arrow-move{0%,70%,100%{transform:translate(0,0)}35%{transform:translate(4px,-3px)}}
@keyframes rally-button-shine{to{transform:translateX(130%) skewX(-20deg)}}
@keyframes rally-welcome-in{from{transform:translateY(8px)}to{transform:translateY(0)}}
@keyframes rally-panel-in{from{transform:translateX(8px)}to{transform:translateX(0)}}
@media(min-width:801px) and (max-height:800px){#connexion .member-layout{padding-block:15px}#connexion .rally-welcome{padding-left:19px}#connexion .member-club-sign{margin-bottom:14px}#connexion .member-club-sign>img{width:89px;height:65px}#connexion .rally-kicker{margin-bottom:12px;font-size:9px}#connexion .member-welcome h1{font-size:clamp(54px,5.1vw,82px);margin-bottom:15px}#connexion .member-welcome>p{font-size:13px;margin-bottom:17px}#connexion .rally-feature{padding:11px 9px!important}#connexion .rally-signature{margin-top:12px}#connexion .member-demo-panel{padding:17px 22px 12px}}
@media(max-width:1100px) and (min-width:801px){#connexion .member-layout{grid-template-columns:minmax(0,1fr) minmax(390px,460px);gap:28px}#connexion .member-welcome h1{font-size:56px}#connexion .member-welcome h1 em{font-size:.63em}#connexion .member-highlights{gap:7px}#connexion .rally-feature{grid-template-columns:1fr!important;text-align:center!important;padding:10px 7px!important}#connexion .rally-feature>svg{display:none}#connexion .rally-feature>b{font-size:11px}#connexion .rally-feature>small{font-size:9px}}
@media(max-width:1000px){#connexion .member-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-block:14px}#connexion .member-demo-panel{grid-row:1;width:100%;max-width:520px;padding:18px 18px 12px}#connexion .rally-welcome{grid-row:2;max-width:520px;width:100%;padding:15px 0 0;border:0;animation:none}#connexion .member-welcome h1,#connexion .member-welcome>p,#connexion .member-highlights{display:none}#connexion .member-club-sign{justify-content:center;margin:0;gap:12px}#connexion .member-club-sign>img{width:62px;height:48px}#connexion .member-club-sign .eyebrow{font-size:9px;letter-spacing:1.5px}#connexion .member-club-sign small{font-size:8px;letter-spacing:1px}#connexion .rally-kicker,#connexion .rally-signature{display:none}#connexion .member-demo-panel h2{font-size:23px}#connexion .rally-ball{width:13px;height:13px;left:8%;top:2%;animation:none}#connexion .rally-orbit-two,#connexion .rally-streak,#connexion .rally-watermark{display:none}#connexion .rally-orbit-one{left:38%;top:0;width:300px;height:300px}#connexion .member-demo-panel{animation:none}#connexion .member-demo-panel .account-submit{box-shadow:0 3px 0 #024e4b}#connexion .access-space-picker button{min-height:44px}#connexion .account-fields{grid-template-columns:1fr}#connexion .account-fields>.form-row{grid-template-columns:1fr 1fr;gap:10px}}
body.paused #connexion *,body.paused #connexion *:before,body.paused #connexion *:after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#connexion *,#connexion *:before,#connexion *:after{animation:none!important;transition:none!important}#connexion .rally-feature:hover,#connexion .access-space-picker button:hover,#connexion .member-demo-panel .account-submit:hover{transform:none!important}}