/* Public server homepage: wide artwork, strong typography, focused sections. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
.header{position:relative;z-index:2;max-width:1440px;height:104px}
.header .public-nav{border:0;background:none;gap:27px;padding:0}
.public-nav a{font-size:11px;color:#b8c3b9;white-space:nowrap}
.public-nav a:hover{color:var(--accent)}
.header-login{background:#b9d6b412;border:1px solid #b9d6b43b;color:#d7e6d0;padding:11px 19px;border-radius:5px;font-size:11px;white-space:nowrap}
.header-login:hover{background:#b9d6b425}
.landing-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 104px);max-height:960px;display:flex;align-items:center;padding:80px max(64px,calc((100vw - 1184px)/2));border-bottom:1px solid #b9d6b419}
.landing-hero:before{content:'';position:absolute;inset:-104px 0 0;z-index:-2;background:url('/assets/survival.png') center 43%/cover;filter:saturate(.38)}
.landing-hero:after{content:'';position:absolute;inset:-104px 0 0;z-index:-1;background:linear-gradient(90deg,#0b100ee8,#0b100ea1 43%,#0b100e12 85%),linear-gradient(0deg,#0b0d0e,transparent 40%,#0b0d0e36 80%,#0b0d0ec7)}
.hero-content{max-width:760px;padding-bottom:50px}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#bbcbb4;font-size:9px;font-weight:700;letter-spacing:2.5px}
.hero-kicker:before{content:'';width:28px;height:1px;background:var(--accent)}
.hero-content h1{font-size:clamp(50px,6.1vw,91px);font-weight:800;line-height:1.02;letter-spacing:-4px;text-transform:uppercase;margin:25px 0 28px}
.hero-content h1 span{color:var(--accent)}
.hero-content>p{font-size:14px;color:#b1bdae;line-height:1.95;max-width:390px}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}
.hero-actions .primary{padding:16px 28px;border-radius:5px;min-width:177px}
.hero-secondary{color:#d1dbcb;font-size:11px;padding:12px 0;border-bottom:1px solid #d1dbcb44}
.hero-bottom{position:absolute;bottom:34px;left:max(64px,calc((100vw - 1184px)/2));right:max(64px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;align-items:center;color:#899c89;font-size:9px;letter-spacing:1.4px}
.hero-bottom a{color:#c0cfb9;letter-spacing:0;font-size:10px}
.home-section{max-width:1184px;margin:auto;padding:100px 0;scroll-margin-top:20px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px}
.section-heading h2,.pass-copy h2,.join-copy h2{font-size:clamp(31px,3.3vw,46px);font-weight:800;letter-spacing:-1.8px;line-height:1.13;text-transform:uppercase;margin-top:14px}
.section-heading h2 span,.pass-copy h2 span,.join-copy h2 span{color:var(--accent)}
.section-heading>p{max-width:340px;color:#94a294;font-size:12px;line-height:1.9}
.home-vip{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #b9d6b41c;border-radius:10px;overflow:hidden;background:#111715}
.vip-visual{display:flex;align-items:center;justify-content:center;min-height:340px;position:relative;isolation:isolate;background:radial-gradient(ellipse,#637c423b,transparent 65%),linear-gradient(130deg,#233124,#101611)}
.vip-visual:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #b9d6b419;transform:rotate(45deg);z-index:-1}
.vip-visual img{height:190px;width:170px;object-fit:contain;filter:drop-shadow(0 12px 20px #0009)}
.vip-visual>span{position:absolute;bottom:25px;font-size:8px;letter-spacing:5px;color:#a9bf9f}
.vip-copy{padding:47px 50px}
.vip-copy h3{font-size:28px;letter-spacing:-1px;margin:16px 0}
.vip-copy>p,.pass-copy>p,.join-copy>p{color:#9daa9c;font-size:12px;line-height:1.95;max-width:415px}
.availability{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px;margin-top:28px;gap:20px}
.availability>span{font-size:12px;color:#c3d0be}
.availability small{display:block;font-size:10px;color:#7d8b7d;margin-top:5px}
.availability button{font-size:10px;padding:12px 16px;border-radius:5px;border:1px solid #b9d6b41a}
.pass-band{border-top:1px solid #b9d6b414;border-bottom:1px solid #b9d6b414;background:#101512}
.home-pass{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pass-copy h2{margin-bottom:25px}
.pass-copy .tag{margin-top:28px}
.pass-visual{min-height:340px;border-radius:10px;position:relative;overflow:hidden;border:1px solid #b9d6b422;background:linear-gradient(0deg,#141c12e6,#141c1230),url('/assets/survival.png') 60% center/cover;display:flex;flex-direction:column;justify-content:end;padding:32px}
.pass-visual>span{font-size:9px;letter-spacing:3px;color:#ccd8bd}
.pass-visual strong{font-size:51px;letter-spacing:-2px;font-weight:800;line-height:1.1;margin:12px 0 22px}
.pass-track{display:flex;align-items:center;gap:12px}
.pass-track i{display:block;width:26px;height:26px;border:1px solid #b9d6b447;transform:rotate(45deg);background:#b9d6b410}
.pass-track:before,.pass-track:after{content:'';height:1px;background:#b9d6b44a;flex:1}
.join-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.join-copy h2{margin-bottom:23px}
.join-copy .primary{margin-top:27px}
.join-steps{list-style:none;padding:0;margin:0;counter-reset:steps}
.join-steps li{counter-increment:steps;display:grid;grid-template-columns:45px 1fr;column-gap:17px;padding:23px 0;border-bottom:1px solid var(--border)}
.join-steps li:first-child{padding-top:0}
.join-steps li:before{content:'0' counter(steps);color:var(--accent);font-size:20px;font-weight:400;grid-row:span 2;padding-top:2px}
.join-steps h3{font-size:14px;margin-bottom:7px}
.join-steps p{font-size:11px;color:#8d9b8d;line-height:1.9}
.site-end{border-top:1px solid #b9d6b414;padding:27px 0 0}
.login-dialog{padding:0;border:1px solid #b9d6b42b;border-radius:14px;background:#121617;color:var(--text);width:min(480px,calc(100% - 30px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 35px 100px #0009}
.login-dialog::backdrop{background:#060a08b8;backdrop-filter:blur(8px)}
.login-dialog .login-panel{padding:34px 42px 24px}
.login-dialog .login-emblem{width:45px;height:53px;margin-bottom:20px}
.dialog-close{position:absolute;right:17px;top:14px;z-index:1;background:transparent;font-size:25px;font-weight:400;color:#a0b09f;line-height:1;padding:7px;border-radius:5px}
body:has(.login-dialog[open]){overflow:hidden}
@media(max-width:1200px){.home-section{margin:0 40px}.landing-hero{padding-left:60px;padding-right:60px}.hero-bottom{left:60px;right:60px}.header .public-nav{gap:19px}.header{gap:24px}.home-pass{gap:45px}.join-section{gap:50px}}
@media(max-width:900px){.header{height:95px}.header .public-nav{gap:17px}.public-nav a{font-size:10px}.header-login{padding:10px 12px;font-size:10px}.landing-hero{height:auto;min-height:700px;padding:80px 40px}.hero-content h1{font-size:65px}.hero-bottom{left:40px;right:40px}.home-section{padding:75px 0;margin:0 30px}.home-vip{grid-template-columns:.8fr 1fr}.vip-copy{padding:35px 30px}.vip-visual img{width:140px;height:170px}.vip-visual:before{width:170px;height:170px}.section-heading>p{max-width:270px}.home-pass{gap:30px}.pass-visual{min-height:315px;padding:25px}.pass-visual strong{font-size:40px}}
@media(max-width:640px){html{scroll-padding-top:20px}.header{height:auto;padding:20px;gap:20px;min-height:120px}.header .public-nav{order:3;justify-content:space-between;width:100%;gap:10px;margin:0}.header-login{margin-left:auto}.landing-hero{min-height:620px;padding:58px 25px 100px;height:auto}.landing-hero:before{background-position:59% center;inset:-160px 0 0}.landing-hero:after{inset:-160px 0 0;background:linear-gradient(90deg,#0b100ecc,#0b100e50),linear-gradient(0deg,#0b0d0e,transparent 60%,#0b0d0ef0)}.hero-content{padding:0}.hero-content h1{font-size:clamp(40px,11vw,65px);letter-spacing:-2px;margin:23px 0}.hero-kicker{font-size:8px;letter-spacing:1.8px}.hero-content>p{font-size:12px;max-width:290px}.hero-actions{gap:22px;margin-top:28px}.hero-actions .primary{padding:14px 20px;min-width:145px;font-size:11px}.hero-secondary{font-size:10px}.hero-bottom{left:25px;right:25px;bottom:25px;font-size:7px;letter-spacing:.7px}.hero-bottom a{font-size:9px}.home-section{margin:0 22px;padding:60px 0}.section-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:27px}.section-heading>p{max-width:none;font-size:12px}.section-heading h2,.pass-copy h2,.join-copy h2{font-size:33px;letter-spacing:-1.3px}.home-vip,.home-pass,.join-section{grid-template-columns:1fr}.vip-visual{min-height:250px}.vip-visual img{height:150px}.vip-copy{padding:30px 25px}.vip-copy h3{font-size:25px}.home-pass,.join-section{gap:35px}.pass-visual{min-height:300px}.pass-visual strong{font-size:45px}.login-dialog .login-panel{padding:35px 27px 23px}.login-dialog .login-emblem{display:block}.login-dialog .login-content h2{font-size:26px}.site-end{padding-top:0}.footer{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
