:root{--motion-fast:.14s;--motion-enter:.32s;--motion-ease:cubic-bezier(.2,.7,.2,1)}@keyframes page-enter{0%{opacity:0;transform:translate(-.35rem)}to{opacity:1;transform:translate(0)}}@keyframes card-enter{0%{opacity:0;transform:translateY(.5rem);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes hud-scan{0%{background-position:0 -120%;opacity:0}15%{opacity:.6}to{background-position:0 220%;opacity:0}}@keyframes hud-lock{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:is(.recruit-card,.events-upcoming,.wg-detail,.info-content){position:relative}:is(.recruit-card,.events-upcoming,.wg-detail,.info-content):before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(var(--color-accent),var(--color-accent)) left top/1rem 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) left top/1px 1rem no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) right bottom/1rem 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) right bottom/1px 1rem no-repeat}@media(prefers-reduced-motion:no-preference){body:not([data-motion=off]) .app-view,body:not([data-motion=off]) .home-screen,body:not([data-motion])>main{animation:page-enter var(--motion-enter) var(--motion-ease) backwards}body:not([data-motion=off]) :is(.recruit-card,.events-upcoming,.events-community,.recruit-process,.quickjoin,.promo-card,.info-content,.wg-detail){animation:card-enter var(--motion-enter) var(--motion-ease) backwards}body:not([data-motion=off]) :is(.recruit-card:nth-child(2),.events-community,.promo-card){animation-delay:60ms}body:not([data-motion=off]) .recruit-process{animation-delay:.1s}body:not([data-motion=off]) :is(.recruit-card,.events-upcoming,.wg-detail,.info-content):before{animation:hud-lock .4s var(--motion-ease) backwards}body:not([data-motion=off]) :is(.recruit-card,.events-upcoming,.wg-detail,.info-content):after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background:linear-gradient(transparent,rgb(var(--palette-accent) / .08),rgb(var(--palette-accent) / .24),transparent) 0 -120%/100% 35% no-repeat;animation:hud-scan .65s var(--motion-ease) .1s backwards}:is(.nav-item,.btn,.wg-row,.wg-open,.info-tabs button,.pagination button,.online-pager button,.sf-links a){transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}@media(hover:hover){body:not([data-motion=off]) :is(.btn,.wg-open):hover{transform:translateY(-2px);box-shadow:0 .25rem .75rem rgb(var(--palette-canvas) / .25)}body:not([data-motion=off]) .nav-item:hover svg{transform:translateY(-2px)}body:not([data-motion=off]) .btn:hover{box-shadow:inset .2rem 0 0 var(--color-accent),0 .25rem .75rem rgb(var(--palette-canvas) / .25)}.nav-item svg{transition:transform var(--motion-fast) var(--motion-ease)}}body:not([data-motion=off]) :is(.btn,button):active{transform:translateY(1px)}}@keyframes hud-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hud-heading{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:translate(0)}}@keyframes hud-shine{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(420%) skew(-18deg)}}@keyframes trophy-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}65%{transform:rotate(7deg)}}.events-heading h1{position:relative}.events-heading h1:after{content:"";display:block;height:2px;width:4rem;background:var(--color-accent);margin-top:.65rem;transform-origin:left}.btn{position:relative;isolation:isolate;overflow:hidden}.btn:after{content:"";position:absolute;inset:-20% auto -20% 0;width:25%;background:linear-gradient(90deg,transparent,rgb(var(--palette-ink) / .22),transparent);transform:translate(-120%) skew(-18deg);pointer-events:none}.nav-item{position:relative}.nav-item:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left}.nav-item.active:after{transform:scaleX(1)}@media(prefers-reduced-motion:no-preference){body:not([data-motion=off]) .events-heading h1{animation:hud-heading .38s var(--motion-ease) backwards}body:not([data-motion=off]) .events-heading h1:after{animation:hud-underline .45s var(--motion-ease) .12s backwards}body:not([data-motion=off]) .nav-item.active:after{animation:hud-underline .26s var(--motion-ease) backwards}body:not([data-motion=off]) .shame-note{animation:card-enter .36s var(--motion-ease) backwards}body:not([data-motion=off]) .shame-note:nth-child(2){animation-delay:90ms}body:not([data-motion=off]) .shame-caption{animation:page-enter .4s var(--motion-ease) .15s backwards}@media(hover:hover){body:not([data-motion=off]) .btn:hover:after{animation:hud-shine .65s var(--motion-ease)}body:not([data-motion=off]) .shame-trophy:hover .shame-cup{animation:trophy-wobble .65s var(--motion-ease)}body:not([data-motion=off]) :is(.recruit-card,.shame-note,.events-upcoming,.wg-detail){transition:border-color .18s ease,box-shadow .18s ease}body:not([data-motion=off]) :is(.recruit-card,.shame-note,.events-upcoming,.wg-detail):hover{border-color:var(--color-accent);box-shadow:inset 0 0 1.5rem rgb(var(--palette-accent) / .04)}}body:not([data-motion=off]) .btn:focus-visible:after{animation:hud-shine .65s var(--motion-ease)}}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}