/* Page-turn rules reused verbatim from the approved JOY Account implementation. */
.account-page-turn { position: fixed; z-index: 10000; inset: 0; overflow: hidden; background: #f8fafc; perspective: 1400px; }
.account-page-turn__panel { position: absolute; inset: 0; transform-style: preserve-3d; transform-origin: 50% 50%; transition: transform 920ms cubic-bezier(.55,.08,.24,.98); }
.account-page-turn__face { position: absolute; inset: 0; overflow: auto; background: #f8fafc; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.account-page-turn__face--front { transform: rotateY(0deg); }
.account-page-turn__face--back { transform: rotateY(180deg); }
.account-page-turn__face--back iframe { display: block; width: 100%; height: 100%; border: 0; background: #f3f7f3; }
.account-page-turn.is-turning .account-page-turn__panel { transform: rotateY(-180deg); }


.joyclub-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.joyclub-navigation form{margin:0}.joyclub-mode-label{color:#275a78;font-weight:800}.joyclub-mode-switch{gap:.65rem}.joyclub-switch-track{display:inline-flex;align-items:center;width:2.5rem;height:1.4rem;padding:.15rem;border:1px solid currentColor;border-radius:2rem;background:#fff}.joyclub-switch-track>span{display:block;width:1rem;height:1rem;border-radius:50%;background:#376732;transition:transform .12s}.joyclub-mode-switch[aria-checked=true] .joyclub-switch-track>span{transform:translateX(1rem)}.joyclub-member-actions{display:grid;gap:1rem;margin:1.5rem 0}.joyclub-account-return{margin:1rem 0}.joyclub-navigation .button:focus-visible{outline:3px solid #17211d;outline-offset:4px}.joyclub-home h1{font-size:clamp(1.8rem,6vw,2.8rem)}.joyclub-home main{max-width:52rem}.joyclub-navigation .button{min-height:48px} .account-page-turn__face{pointer-events:none}
@media(max-width:34rem){.owner-header .joyclub-navigation{display:grid;grid-template-columns:minmax(0,1fr)}.joyclub-navigation>*{width:100%}.joyclub-navigation .button{width:100%}}
@media(prefers-reduced-motion:reduce){.account-page-turn{display:none!important}.joyclub-switch-track>span{transition:none}}

.joyclub-entry-form{margin:0;width:100%}.joyclub-entry-form>button{width:100%;font:inherit;cursor:pointer}