@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;600;700&display=swap);
.club-entry #title,.club-entry #intro,.club-entry #privacy{display:none}
.club-entry main > #message{display:none}
#club-auth{max-width:800px;margin:24px auto;padding:28px;text-align:center;border:1px solid #dce2d6;background:#fff}
.club-brand{display:flex;justify-content:center;align-items:center;gap:36px;min-height:155px}
.club-brand img{display:block;width:auto;height:130px;max-width:42%;object-fit:contain}
#club-auth h2{font-size:32px;margin:12px 0 2px}#club-auth h3{margin:4px 0 20px;font-size:21px;font-weight:500}
#club-auth form{max-width:440px;margin:0 auto;text-align:left}#club-auth label{font-weight:600;margin:14px 0}#club-auth input{display:block;margin:5px 0 0}#club-auth form button{width:100%;margin-top:12px}
.club-auth-status{padding:12px;background:#e9f0dc;border-left:3px solid #79bb40;text-align:left}
#club-accounts{max-width:1000px}.account-list{margin:12px 0}.account-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #dce2d6;padding:8px 0}.account-row strong{min-width:200px}.account-row span{margin-right:auto}.account-row button{min-height:36px;padding:6px 10px}.issued-credentials{background:#edf2e4;padding:15px;margin-top:20px}.credential-list p{overflow-wrap:anywhere;margin:8px 0}
@media(max-width:700px){#club-auth{padding:16px}.club-brand{gap:12px}.club-brand img{height:85px}#club-auth h2{font-size:25px}.account-row strong{min-width:100%}}

/* Club sign-in and roster form share one compact white surface. */
.club-entry{background:#fff}
.club-entry main{max-width:1280px;background:#fff;padding:14px 20px 30px}
.club-entry #club-auth{max-width:none;margin:0;padding:14px 20px 18px;border:0;border-bottom:1px solid #dce2d6}
.club-entry .club-brand{min-height:0;gap:28px}
.club-entry .club-brand img{height:92px;max-width:42%}
.club-entry #club-auth h2{margin:10px 0 2px}
.club-entry #club-auth h3{margin:0 0 14px}
.club-entry .club-auth-status{max-width:740px;margin:12px auto 0}
.club-entry #editor{margin-top:0;padding:20px 0;border:0}
.club-entry #editor h2{margin-top:0}
.club-entry h1,.club-entry h2,.club-entry h3{font-family:Comfortaa,"Trebuchet MS",sans-serif}
@media(max-width:700px){.club-entry main{padding:10px 14px 24px}.club-entry #club-auth{padding:12px 0 16px}.club-entry .club-brand{gap:14px}.club-entry .club-brand img{height:72px}.club-entry #club-auth h2{font-size:24px}.club-entry #club-auth h3{font-size:17px}.club-entry #editor{padding-top:16px}}