:root{--black:#050504;--ivory:#f5eee4;--gold:#ffe2a8;--champagne:#f3c982;--muted:#a79b8b;--line:rgba(243,217,177,.17)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ivory);background:radial-gradient(circle at 50% 0,rgba(217,154,82,.12),transparent 36%),var(--black);font-family:Inter,system-ui,sans-serif;font-weight:300}.gateway-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:25px 32px;border-bottom:1px solid var(--line)}.gateway-brand{display:flex;align-items:center;gap:12px;color:var(--ivory);font:500 30px/1 "Cormorant Garamond",serif;text-decoration:none}.gateway-brand img{width:30px;height:30px}.rya-glow{color:#fff7e8;text-shadow:0 0 13px rgba(255,226,168,.65)}.gateway-header button{border:0;color:var(--muted);background:none;cursor:pointer}.gateway-main{width:min(1180px,calc(100% - 48px));margin:clamp(70px,12vh,130px) auto}.gateway-eyebrow,.join-eyebrow{margin:0 0 13px;color:var(--champagne);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.gateway-main>h1{max-width:780px;margin:0;font:400 clamp(44px,6vw,78px)/.98 "Cormorant Garamond",serif}.gateway-welcome{min-height:20px;margin:20px 0 42px;color:var(--muted);font-size:13px}.gateway-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gateway-card{display:flex;min-height:290px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:14px;color:inherit;background:linear-gradient(150deg,rgba(255,244,224,.045),rgba(9,8,7,.82));cursor:pointer;text-align:left;text-decoration:none;transition:transform .25s,border-color .25s,background .25s}.gateway-card:hover:not(.is-disabled){transform:translateY(-4px);border-color:rgba(255,226,168,.42);background:linear-gradient(150deg,rgba(255,226,168,.08),rgba(11,9,7,.9))}.gateway-number{color:rgba(243,201,130,.55);font-size:10px;letter-spacing:.16em}.gateway-card h2{max-width:300px;margin:54px 0 12px;font:500 31px/1.05 "Cormorant Garamond",serif}.gateway-card p{max-width:310px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.gateway-action{margin-top:auto;padding-top:28px;color:var(--champagne);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.gateway-action b{margin-left:7px;font-size:15px}.gateway-card.is-disabled{cursor:default;opacity:.48}.join-dialog{width:min(510px,calc(100% - 32px));padding:0;border:1px solid rgba(243,217,177,.25);border-radius:16px;color:var(--ivory);background:linear-gradient(155deg,#18130e,#080706);box-shadow:0 30px 100px rgba(0,0,0,.8)}.join-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.join-dialog form{position:relative;padding:38px}.join-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--ivory);background:none;cursor:pointer;font-size:21px}.join-dialog h2{margin:0;font:500 40px/1 "Cormorant Garamond",serif}.join-dialog h2+p{margin:11px 0 28px;color:var(--muted);font-size:12px}.join-dialog label{display:block;margin:0 0 8px;color:var(--champagne);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.join-dialog input{width:100%;height:56px;padding:0 16px;border:1px solid rgba(255,226,168,.3);border-radius:8px;outline:0;color:var(--ivory);background:rgba(3,3,2,.7);font-size:18px;letter-spacing:.14em;text-transform:uppercase}.join-dialog input:focus{border-color:rgba(255,226,168,.68);box-shadow:0 0 0 3px rgba(243,201,130,.07)}.join-primary,.join-secondary{width:100%;height:48px;margin-top:13px;border-radius:999px;cursor:pointer}.join-primary{border:1px solid #ffe8bc;color:#171109;background:linear-gradient(145deg,#fff0d2,#e9b96d)}.join-secondary{border:1px solid var(--line);color:var(--ivory);background:transparent}.join-identity{padding:20px;border:1px solid var(--line);border-radius:10px;background:rgba(255,238,210,.035)}.join-identity strong,.join-identity span{display:block}.join-identity strong{font:500 27px/1.15 "Cormorant Garamond",serif}.join-identity span{margin-top:7px;color:var(--muted);font-size:11px}.join-status{min-height:17px;margin:14px 2px 0;color:#e7a49c;font-size:11px}
body{min-height:100vh;min-height:100dvh}.gateway-header{width:100%;padding:clamp(20px,2.4vh,25px) 32px}.gateway-main{margin:clamp(50px,8vh,100px) auto clamp(40px,6vh,74px)}.gateway-eyebrow{margin-bottom:10px}.gateway-main>h1{font-size:clamp(50px,4.5vw,64px);line-height:1}.gateway-welcome{margin:clamp(14px,2vh,20px) 0 clamp(26px,4vh,42px)}.gateway-card{min-height:clamp(235px,28vh,270px);padding:clamp(23px,2vw,28px)}.gateway-card h2{margin:clamp(34px,5vh,48px) 0 10px;font-size:clamp(28px,2.2vw,31px)}.gateway-card p{line-height:1.58}.gateway-action{padding-top:clamp(20px,3vh,28px)}
@media(max-width:800px){.gateway-choices{grid-template-columns:1fr}.gateway-card{min-height:230px}.gateway-card h2{margin-top:36px}.gateway-main{margin-top:55px}.gateway-header{padding:20px 24px}}@media(max-width:520px){.gateway-main{width:calc(100% - 28px)}.gateway-main>h1{font-size:45px}.gateway-card{padding:23px}.join-dialog form{padding:32px 22px}.gateway-header{padding:18px}}
@media(max-height:820px) and (min-width:900px){.gateway-header{padding:18px 30px}.gateway-main{margin-top:42px;margin-bottom:32px}.gateway-main>h1{font-size:clamp(50px,4vw,58px)}.gateway-welcome{margin:12px 0 24px}.gateway-card{min-height:228px;padding:22px 24px}.gateway-card h2{margin:30px 0 9px;font-size:28px}.gateway-card p{line-height:1.52}.gateway-action{padding-top:18px}}