:root{--ink:#25160f;--paper:#ead7ae;--cream:#f5e7c7;--gold:#d39a36;--rust:#9e3929;--sage:#4f7a55;--muted:#77634d;--line:#b8945e}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(211,154,54,.18),transparent 30%),linear-gradient(135deg,#1d100b,#382015 48%,#170c08);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px}
.auth-card{width:min(560px,100%);padding:54px 56px 48px;text-align:center;background:linear-gradient(145deg,#f3e2bb,#dfc58f);border:5px solid #7b4c25;outline:2px solid #d2a24b;box-shadow:0 28px 80px rgba(0,0,0,.58);position:relative}
.auth-card:before,.auth-card:after{content:"✦";position:absolute;top:16px;color:#9f6a2c}.auth-card:before{left:18px}.auth-card:after{right:18px}
.auth-crest{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(53,24,9,.35))}
.auth-eyebrow{margin:12px 0 10px;color:var(--rust);font:900 11px Georgia,serif;letter-spacing:.16em;text-transform:uppercase}
h1{margin:0;color:#321c12;font:700 clamp(40px,8vw,62px)/1 Georgia,serif;letter-spacing:-.03em}
.auth-lede{max-width:430px;margin:22px auto 28px;color:#5d4937;font-size:16px;line-height:1.6}
.discord-button,button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border:2px solid #d5a44e;border-radius:5px;background:linear-gradient(#a94431,#76271f);box-shadow:inset 0 1px rgba(255,255,255,.22),0 3px 0 #4b1d16;color:#fff0c9;font-weight:800;text-decoration:none;cursor:pointer}
.discord-button:hover,button:hover{filter:brightness(1.08)}.discord-button.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
.auth-footnote{margin:23px 0 0;color:#725e47;font-size:11px;line-height:1.5}
.auth-message{margin:0 0 18px;padding:13px 15px;border-left:4px solid var(--rust);background:rgba(126,43,34,.1);color:#6d261f;font-size:13px;line-height:1.5;text-align:left}.auth-message.success{border-color:var(--sage);background:rgba(79,122,85,.12);color:#31553a}.auth-message code{user-select:all}.hidden{display:none!important}
.access-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:3px solid #8e5f27;background:linear-gradient(#352017,#20110c);box-shadow:0 5px 18px rgba(0,0,0,.38)}
.access-brand{display:flex;align-items:center;gap:10px;color:#f7dfab;text-decoration:none}.access-brand img{width:65px;height:65px}.access-brand span,.access-brand strong,.access-brand small{display:block}.access-brand strong{font:700 24px/1 Georgia,serif;color:#ffd88b}.access-brand small{font:700 10px Georgia,serif;letter-spacing:.15em;text-transform:uppercase;color:#cda55e}
.back-link{color:#f1cf8b;font-size:13px;text-decoration:none;border-bottom:1px solid #a87839;padding-bottom:3px}
.access-shell{width:min(980px,calc(100% - 36px));margin:28px auto 70px;padding:52px;background:linear-gradient(145deg,#f0dfb9,#e6ce9c 72%,#dcc18d);border:5px solid #7b4c25;outline:2px solid #d2a24b;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.access-intro h1{font-size:54px}.access-intro p:last-child{max-width:670px;color:#5d4937;line-height:1.55}
.invite-card,.members-card{margin-top:34px;padding:28px;border:2px solid #ad8148;background:linear-gradient(145deg,#f8e9c7,#ecd4a7);box-shadow:0 8px 18px rgba(70,37,15,.12)}
h2{margin:0 0 18px;font:700 27px Georgia,serif;color:#3c2114}
#invite-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}label{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}input{display:block;width:100%;height:47px;margin-top:7px;padding:0 13px;border:2px solid #a67b43;border-radius:4px;background:#fff2cf;font:14px "Segoe UI",Arial,sans-serif}#invite-form button{height:47px;white-space:nowrap}.form-help,.members-card>div>p{color:#6a5540;font-size:12px}.members-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.member-list article{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c4a778}.member-list strong,.member-list code{display:block}.member-list code{margin-top:5px;color:#735d45;font-size:12px}.member-list span{color:var(--sage);font-size:11px;font-weight:900;text-transform:uppercase}.revoke-button{width:auto;padding:10px 15px;border-color:#a76f39;background:linear-gradient(#5b3a25,#352116);font-size:12px}
@media(max-width:720px){.auth-card{padding:42px 26px}.access-header{height:72px}.access-brand span{display:none}.access-shell{width:100%;margin:0;padding:34px 22px;border-left:0;border-right:0}.access-intro h1{font-size:40px}#invite-form{grid-template-columns:1fr}.members-card>div:first-child{display:block}}