@font-face{font-family:Minecraft;src:url('./Minecraft.ttf') format('truetype');font-display:swap}
:root{
  --bg:#08080b;--bg2:#0d0c11;--panel:#151219;--panel2:#1d1822;--edge:#34283d;
  --text:#f7f5f8;--muted:#aaa4af;--purple:#d927f2;--purple2:#8d1ab5;--pink:#f34cf7;
  --green:#72e37f;--red:#ff6666;--yellow:#ffd66b;--shadow:#050407;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 12% 8%,rgba(217,39,242,.12),transparent 28rem),
  radial-gradient(circle at 90% 65%,rgba(141,26,181,.10),transparent 30rem),
  linear-gradient(180deg,#09090c 0%,#07070a 100%);color:var(--text);font-family:Minecraft,monospace;letter-spacing:.02em;overflow-x:hidden}
a,button,[role=button],select,input[type=submit],.copy-box,.role-card{cursor:pointer}
::selection{background:#b425c9;color:#fff}
.pixel-noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 86%);z-index:-3}
#particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.particle{position:absolute;width:4px;height:4px;background:rgba(230,77,245,.25);box-shadow:0 0 7px rgba(230,77,245,.2);animation:drift linear infinite}
@keyframes drift{from{transform:translate3d(0,110vh,0) rotate(0)}to{transform:translate3d(var(--dx),-15vh,0) rotate(180deg)}}
.nav-shell{position:sticky;top:0;z-index:30;padding:12px 18px 0}
.nav{max-width:1180px;margin:auto;height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 16px;background:rgba(11,10,14,.90);border:2px solid #2b2331;border-bottom-color:#46334e;box-shadow:0 7px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.brand-mark{display:flex;align-items:center;justify-content:flex-start;width:56px;height:52px;text-decoration:none}
.brand-mark img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35));transition:transform .16s ease,filter .16s ease}
.brand-mark:hover img{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 6px 0 rgba(0,0,0,.35)) drop-shadow(0 0 7px rgba(217,39,242,.22))}
.nav-links{display:flex;gap:8px;align-items:center;justify-content:flex-start}
.nav-link{position:relative;text-decoration:none;color:#d8d3dd;font-size:13px;padding:12px 13px;border:1px solid transparent;transition:.15s ease}
.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .15s ease}
.nav-link:hover,.nav-link.active{color:white;background:#17131b;border-color:#302639;transform:translateY(-1px)}
.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}
.nav-tools{display:flex;gap:8px;align-items:center}
.lang-select{height:36px;background:#151219;color:white;border:1px solid #3a2d43;font:inherit;font-size:11px;padding:0 9px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)}
.page{max-width:1120px;margin:auto;padding:72px 22px 34px}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:52px;align-items:center;min-height:500px}
.hero-copy{max-width:650px}
.hero-logo{width:min(320px,70vw);height:auto;display:block;margin:0 0 24px;filter:drop-shadow(0 10px 0 rgba(0,0,0,.30))}
.kicker{font-size:11px;color:#e365f1;letter-spacing:.15em;margin-bottom:13px}
h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0 0 18px;text-shadow:4px 4px 0 #1a1220}
h2{font-size:clamp(26px,3.4vw,42px);margin:0 0 12px;text-shadow:3px 3px 0 #171019}
p{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 22px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.mc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none;color:white;font:inherit;font-size:13px;background:#28212d;border:2px solid #4b3b55;border-right-color:#241c29;border-bottom-color:#241c29;box-shadow:0 5px 0 #050407;transition:transform .12s ease,filter .12s ease,background .12s ease}
.mc-button.primary{background:linear-gradient(#aa2ac1,#722084);border-top-color:#e764f2;border-left-color:#c23bdd}
.mc-button:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 8px 0 #050407}
.mc-button:active{transform:translateY(3px);box-shadow:0 2px 0 #050407}
.mc-button .button-detail{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .22s ease,opacity .18s ease,margin .22s ease;margin-left:0;color:#f2c9f7}
.mc-button:hover .button-detail{max-width:190px;opacity:1;margin-left:10px}
.block-card{position:relative;background:linear-gradient(155deg,#1d1821,#100e13);border:2px solid var(--edge);box-shadow:9px 9px 0 rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);padding:24px;transform-style:preserve-3d;will-change:transform;transition:box-shadow .17s ease,border-color .17s ease,transform .12s ease}
.block-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.025);pointer-events:none}
.block-card:hover{border-color:#5c4167;box-shadow:12px 12px 0 rgba(0,0,0,.38),0 0 24px rgba(217,39,242,.07)}
.card-label{font-size:10px;color:#d85bea;letter-spacing:.13em;margin-bottom:17px}
.server-state{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:20px;color:#d8d3dd}
.state-dot{width:9px;height:9px;background:#777;box-shadow:0 0 0 2px rgba(255,255,255,.05)}
.server-state.online .state-dot{background:var(--green);box-shadow:0 0 10px rgba(114,227,127,.5)}
.server-state.offline .state-dot{background:var(--red);box-shadow:0 0 10px rgba(255,102,102,.38)}
.join-grid{display:grid;gap:12px}
.join-row{background:#0e0c10;border:1px solid #302638;padding:13px 14px;transition:.14s ease}
.join-row:hover{border-color:#65426f;background:#141017;transform:translateX(3px)}
.join-row small{display:block;color:#817986;font-size:9px;margin-bottom:8px}
.copy-box{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:12px;min-height:20px}
.copy-state{color:#db66e9;font-size:10px;min-width:72px;text-align:right}
.section{padding:72px 0 10px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;border-bottom:2px solid #241d29;padding-bottom:16px}
.section-head p{margin:0;max-width:500px;text-align:right;font-size:12px}
.discord-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;overflow:hidden}
.discord-details{display:flex;gap:9px;flex-wrap:wrap;max-height:0;opacity:0;transform:translateY(8px);transition:.22s ease}
.discord-card:hover .discord-details{max-height:90px;opacity:1;transform:translateY(0);margin-top:12px}
.tag{font-size:9px;color:#d9ccd9;background:#100d12;border:1px solid #392d42;padding:8px 9px}
.team-owner{text-align:center;margin:4px auto 30px;width:min(270px,90vw);padding:24px 20px;background:#17121a;border:2px solid #583261;box-shadow:7px 7px 0 #050407}
.team-head{width:90px;height:90px;image-rendering:pixelated;background:#0b0a0d;border:4px solid #33263b;box-shadow:4px 4px 0 #050407;object-fit:cover}
.team-owner .team-head{width:112px;height:112px;border-color:#7c3588}
.team-name{font-size:16px;margin-top:13px;color:#fff}.team-role{font-size:10px;color:#e457f1;margin-top:7px}
.marquee-shell{overflow:hidden;border-top:2px solid #2b2030;border-bottom:2px solid #2b2030;padding:20px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;gap:16px;animation:marquee 32s linear infinite;padding-left:16px}
.marquee-shell:hover .marquee-track{animation-play-state:running}
@keyframes marquee{to{transform:translateX(-50%)}}
.staff-card{width:190px;min-height:180px;background:#141117;border:2px solid #302638;box-shadow:6px 6px 0 #050407;padding:18px;text-align:center;transition:transform .15s ease,border-color .15s ease,filter .15s ease}
.staff-card:hover{transform:translateY(-7px) scale(1.035);border-color:#754d80;filter:brightness(1.12)}
.staff-card .team-head{width:72px;height:72px}
.footer{max-width:1120px;margin:76px auto 0;padding:20px 22px 34px;border-top:2px solid #211a26;display:flex;justify-content:space-between;gap:18px;color:#77707d;font-size:9px}
.footer strong{color:#bbb4c0}
.form-wrap{max-width:900px;margin:auto}.form-panel{padding:28px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.role-card{background:#151119;border:2px solid #33283b;padding:21px;text-align:left;color:white;font:inherit;transition:.14s ease;box-shadow:5px 5px 0 #050407}.role-card:hover,.role-card.selected{transform:translateY(-5px);border-color:#8f46a0;background:#1c1520}.role-card strong{display:block;font-size:15px}.role-card span{display:block;color:#928a97;font-size:10px;margin-top:9px;line-height:1.5}.role-card .hover-more{color:#df59eb;opacity:0;transform:translateX(-6px);transition:.15s ease}.role-card:hover .hover-more,.role-card.selected .hover-more{opacity:1;transform:none}
.application-form{display:none;margin-top:26px}.application-form.visible{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#cfc8d2}.field input,.field textarea,.field select{width:100%;background:#0d0b0f;border:2px solid #302638;color:white;font:inherit;font-size:11px;padding:13px;outline:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)}.field textarea{min-height:120px;resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8d429b}.checkline{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;color:#d2ccd5;font-size:11px;line-height:1.55;cursor:pointer}.checkline input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;margin:1px 0 0;padding:0;appearance:auto;accent-color:#b92ccd;box-shadow:none;background:transparent;border:0}.checkline span{display:block;min-width:0;overflow-wrap:anywhere}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.form-error{font-size:10px;color:#ff7777;min-height:14px}.success-box{display:none;margin-top:24px;border:2px solid #426747;background:#101711;padding:22px}.success-box.visible{display:block}.application-id{font-size:19px;color:#9bed9f;margin:12px 0;word-break:break-all}
.status-panel{max-width:700px;margin:auto}.status-result{display:none;margin-top:20px;padding:20px;border:2px solid #372b40;background:#100d13}.status-result.visible{display:block}.status-pill{display:inline-block;padding:8px 10px;border:2px solid #49404f;font-size:10px}.status-pill.open{color:var(--yellow)}.status-pill.accepted{color:var(--green)}.status-pill.rejected{color:var(--red)}
@media(max-width:820px){.nav{grid-template-columns:auto 1fr auto;height:auto;min-height:62px;padding:6px 10px}.brand-mark{width:46px}.brand-mark img{width:42px;height:42px}.nav-links{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nav-link{font-size:10px;padding:10px 9px;white-space:nowrap}.lang-select{max-width:72px}.page{padding-top:46px}.hero{grid-template-columns:1fr;gap:30px;min-height:auto}.hero-logo{width:250px}.join-card{max-width:620px}.role-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.section-head p{text-align:left}.discord-card{grid-template-columns:1fr}.footer{flex-direction:column}.mc-button .button-detail{display:none}}
@media(max-width:560px){.checkline{grid-template-columns:20px minmax(0,1fr);gap:11px;font-size:10px}.checkline input[type=checkbox]{width:18px!important;height:18px!important}.nav-shell{padding:8px 8px 0}.nav{gap:5px}.nav-links{gap:2px}.nav-link{padding:9px 7px}.page{padding-left:14px;padding-right:14px}.hero-logo{width:215px}.block-card,.form-panel{padding:19px}.actions{display:grid;grid-template-columns:1fr}.mc-button{width:100%}.team-owner{width:230px}.staff-card{width:155px}.submit-row{align-items:stretch;flex-direction:column}.lang-select{font-size:9px;padding:0 5px}.footer{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle{display:none}}