/* header */
.site-header{position:sticky;top:0;z-index:70;background:rgba(5,3,8,.78);backdrop-filter:blur(20px) saturate(125%);border-bottom:1px solid var(--line)}
.nav-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.1em}.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(169,44,255,.28))}.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a{position:relative;color:#c9bfd1;font-size:.9rem}.main-nav>a:hover,.main-nav>a.is-active{color:#fff}.main-nav>a:not(.nav-discord)::after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:linear-gradient(90deg,var(--purple),transparent);transition:right .2s}.main-nav>a:hover::after,.main-nav>a.is-active::after{right:0}.main-nav .nav-discord{padding:10px 14px;border:1px solid rgba(169,44,255,.5);border-radius:9px;background:linear-gradient(135deg,rgba(112,34,214,.18),rgba(169,44,255,.08))}.menu-button{display:none;width:43px;height:43px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px;padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
/* hero */
.home-hero{min-height:760px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.home-hero::before{content:"";position:absolute;inset:-18px;z-index:-3;background-image:url('/assets/images/grenzwerk-banner.webp');background-position:center;background-size:cover;filter:brightness(.48) saturate(.72) hue-rotate(14deg);transform:scale(1.02)}.home-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,3,8,.98) 0%,rgba(7,4,11,.86) 34%,rgba(8,4,13,.46) 64%,rgba(5,3,8,.84) 100%),linear-gradient(0deg,#050308 0%,transparent 45%,rgba(5,3,8,.12) 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.7fr);gap:82px;align-items:center;padding:105px 0 98px}.hero-logo{width:190px;margin-bottom:18px;filter:drop-shadow(0 22px 42px rgba(0,0,0,.48))}.hero-copy .display-title{max-width:800px}.hero-status{padding-left:44px;border-left:1px solid rgba(169,44,255,.42)}.status-line{padding:20px 0;border-bottom:1px solid var(--line-soft)}.status-line:last-child{border-bottom:0}.status-label{font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;color:#978aa2}.status-value{margin-top:5px;font-size:1.38rem;font-weight:900}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:#777}.status-dot.online{background:var(--green);box-shadow:0 0 13px var(--green)}.status-dot.offline{background:var(--red)}
/* home editorial */
.feature-rail{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.feature-block{min-height:190px;padding:36px 30px;border-right:1px solid var(--line)}.feature-block:last-child{border-right:0}.feature-number{font-size:.72rem;letter-spacing:.18em;color:var(--purple-3);font-weight:900}.feature-block h3{margin:17px 0 8px;font-size:1.18rem}.feature-block p{margin:0;color:var(--muted);font-size:.94rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.editorial-copy h2{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:.98;letter-spacing:-.045em;margin:10px 0 22px}.editorial-copy p{color:var(--muted)}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.step-index{color:var(--purple-3);font-size:1.55rem;font-weight:900}.step h3{margin:0 0 5px}.step p{margin:0;color:var(--muted)}
/* server data */
.server-strip{display:grid;grid-template-columns:1.05fr .75fr .95fr 1.35fr;border-block:1px solid var(--line)}.server-strip>div{padding:28px 24px;border-right:1px solid var(--line)}.server-strip>div:last-child{border-right:0}.server-strip .status-value{font-size:1.32rem}.copy-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.copy-mini{background:none;border:0;color:var(--purple-3);font-weight:850;cursor:pointer;padding:0}.restart-timeline{border-top:1px solid var(--line)}.restart-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.restart-time{font-size:2rem;font-weight:900;color:var(--purple-3)}.restart-row p{margin:4px 0 0;color:var(--muted)}
/* split links */
.split-links{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.split-link{position:relative;padding:46px 38px;min-height:230px;border-right:1px solid var(--line);overflow:hidden}.split-link:last-child{border-right:0}.split-link::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(169,44,255,.11),transparent 40%);opacity:0;transition:opacity .2s}.split-link:hover::before{opacity:1}.split-link h3{font-size:1.7rem;margin:10px 0}.split-link p{max-width:520px;color:var(--muted);margin:0}.split-link .text-link{margin-top:22px}
/* cta */
.big-cta{padding:70px 0;background:linear-gradient(90deg,rgba(77,17,119,.3),rgba(15,7,22,.52)),url('/assets/images/grenzwerk-banner.webp') center/cover no-repeat;border-block:1px solid rgba(169,44,255,.19)}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}.cta-grid h2{font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:.98;margin:8px 0 0;letter-spacing:-.045em}
/* recruiting */
.recruit-hero{min-height:690px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.recruit-hero::before{content:"";position:absolute;inset:0;z-index:-3;background:url('/assets/images/grenzwerk-banner.webp') center/cover no-repeat;filter:brightness(.29) saturate(.68) hue-rotate(14deg)}.recruit-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050308 0%,rgba(5,3,8,.92) 44%,rgba(5,3,8,.58) 100%),linear-gradient(0deg,#050308 0%,transparent 48%)}.recruit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:80px;align-items:center;padding:95px 0 82px}.recruit-copy .display-title em{font-style:normal;color:var(--purple-3)}.recruit-facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.recruit-fact strong{display:block;font-size:1.22rem}.recruit-fact span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#91869b}.role-list{padding-left:36px;border-left:1px solid rgba(169,44,255,.42)}.role-list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.role-list-head h2{margin:0;font-size:1.55rem}.role-list-head span{font-size:.76rem;color:#91869b}.role-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line-soft)}.role-row:first-of-type{border-top:1px solid var(--line-soft)}.role-num{font-size:.78rem;color:var(--purple-3);font-weight:900}.role-row h3{margin:0;font-size:1.05rem}.role-row p{margin:2px 0 0;color:#8f8598;font-size:.83rem}.role-light{width:8px;height:8px;border-radius:50%;background:var(--purple-3);box-shadow:0 0 13px rgba(181,60,255,.8)}.recruit-values{border-top:1px solid var(--line)}.recruit-value{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.recruit-value strong{color:var(--purple-3);font-size:1.5rem}.recruit-value h3{margin:0 0 4px}.recruit-value p{margin:0;color:var(--muted)}
/* rules */
.rules-hero{padding:88px 0 54px;border-bottom:1px solid var(--line)}.rules-hero h1{font-size:clamp(3.1rem,6vw,5.8rem);line-height:.95;margin:12px 0 16px;letter-spacing:-.055em}.rules-hero p{color:var(--muted);max-width:760px}.rules-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start;padding:58px 0 100px}.rules-sidebar{position:sticky;top:105px}.rules-search{width:100%;height:46px;border:1px solid var(--line);border-radius:9px;background:#09060d;color:#fff;padding:0 13px;outline:none}.rules-search:focus{border-color:rgba(169,44,255,.6);box-shadow:0 0 0 3px rgba(169,44,255,.08)}.rules-toc{margin-top:18px;max-height:calc(100vh - 210px);overflow:auto;padding-right:6px}.rules-toc a{display:block;padding:8px 0;color:#92879b;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.045)}.rules-toc a:hover,.rules-toc a.is-active{color:#fff}.rules-list{border-top:1px solid var(--line)}.rule-item{padding:30px 0;border-bottom:1px solid var(--line)}.rule-item h3{margin:0 0 12px;font-size:1.28rem}.rule-item p{color:#bdb3c5}.rule-item ol{padding-left:24px}.rule-item li{margin:8px 0;color:#bdb3c5}.rule-item .definition{border-left:2px solid var(--purple);padding:9px 0 9px 16px;color:#c7bdd0;margin:12px 0}.rules-signature{margin-top:32px;font-weight:900}.no-results{display:none;padding:30px 0;color:var(--muted)}
/* legal/contact */
.legal-wrap{max-width:930px;padding:90px 0 110px}.legal-wrap h1{font-size:clamp(3rem,5vw,5rem);margin:12px 0 32px;letter-spacing:-.05em}.legal-wrap h2{margin:38px 0 10px;font-size:1.6rem}.legal-wrap p,.legal-wrap li{color:#c2b8ca}.legal-note{margin:28px 0;padding:18px 0 18px 20px;border-left:2px solid var(--purple);color:#c6bbce}.contact-page{min-height:620px;display:flex;align-items:center}.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-page h1{font-size:clamp(3.6rem,7vw,6rem);line-height:.92;margin:12px 0 22px;letter-spacing:-.055em}.contact-address{padding:28px 0;border-block:1px solid var(--line);font-size:1.45rem;font-weight:900}.contact-address button{margin-left:14px}
/* modal/footer */
.modal-backdrop{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:20px;background:rgba(3,2,5,.78);backdrop-filter:blur(12px)}.modal-backdrop.open{display:grid}.contact-modal{position:relative;width:min(540px,100%);padding:31px;border:1px solid rgba(169,44,255,.36);border-radius:18px;background:linear-gradient(145deg,#120a19,#08050c);box-shadow:var(--shadow)}.contact-modal h2{margin:6px 0 8px;font-size:1.8rem}.contact-modal p{color:var(--muted)}.modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border:0;background:none;color:#fff;font-size:1.8rem;cursor:pointer}.email-display{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;padding:16px 0;border-block:1px solid var(--line);font-weight:900}.copy-button,.copy-mini{border:0;background:none;color:var(--purple-3);font-weight:850;cursor:pointer}.modal-note{font-size:.85rem}.toast{position:fixed;right:22px;bottom:22px;z-index:150;transform:translateY(18px);opacity:0;pointer-events:none;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:#100918;color:#fff;transition:.22s}.toast.show{opacity:1;transform:none}.site-footer{padding:52px 0 26px;background:#040206;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px;padding-bottom:34px}.footer-brand{align-self:start;min-height:0}.footer-brand-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px}.footer-brand strong{display:block;margin:0;letter-spacing:.12em;line-height:1.1}.footer-brand span{display:block;margin:0;color:#8f8498;line-height:1.2}.footer-nav{display:grid;gap:9px;align-content:start}.footer-nav a{color:#9e93a8}.footer-nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line-soft);color:#746b7b;font-size:.83rem}


/* social media */
.social-section{overflow:hidden}
.social-rail{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-block:1px solid var(--line);
}
.social-platform{
  min-height:245px;
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:24px;
  align-items:center;
  padding:40px 34px;
  position:relative;
  border-right:1px solid var(--line);
  overflow:hidden;
  transition:background .2s ease;
}
.social-platform:last-child{border-right:0}
.social-platform::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}
.social-instagram::before{
  background:radial-gradient(circle at 18% 25%,rgba(255,72,180,.12),transparent 42%),radial-gradient(circle at 82% 82%,rgba(169,44,255,.12),transparent 45%);
}
.social-tiktok::before{
  background:radial-gradient(circle at 18% 30%,rgba(42,225,255,.1),transparent 42%),radial-gradient(circle at 82% 75%,rgba(255,45,96,.09),transparent 45%);
}
.social-platform:hover::before{opacity:1}
.social-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  position:relative;
  z-index:1;
}
.social-icon svg,
.footer-social-link svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-copy{position:relative;z-index:1}
.social-copy h3{
  margin:7px 0 8px;
  font-size:1.55rem;
}
.social-copy p{
  margin:0;
  max-width:520px;
  color:var(--muted);
}
.social-arrow{
  position:relative;
  z-index:1;
  color:var(--purple-3);
  font-size:1.7rem;
  transition:transform .18s ease;
}
.social-platform:hover .social-arrow{transform:translate(4px,-4px)}
.footer-nav-title{
  color:#f2edf5;
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.06em;
  margin-bottom:2px;
}
.footer-social-link{
  display:flex;
  align-items:center;
  gap:9px;
}
.footer-social-link svg{
  width:17px;
  height:17px;
  color:var(--purple-3);
}
.contact-socials{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid var(--line);
}
.contact-social-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
}
.contact-social-links a{
  min-width:130px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:9px;
  color:#d8cddd;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.contact-social-links a:hover{
  border-color:rgba(169,44,255,.48);
  background:rgba(169,44,255,.055);
  transform:translateY(-2px);
}
.contact-social-links span{color:var(--purple-3)}


/* Social Media V2 – bewusst ohne große Icons */
.social-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(169,44,255,.07),transparent 28%),
    transparent;
}
.social-heading{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:56px;
  align-items:end;
  margin-bottom:40px;
}
.social-heading h2{
  margin:8px 0 0;
  font-size:clamp(2.6rem,4.8vw,4.7rem);
  line-height:.94;
  letter-spacing:-.05em;
}
.social-heading p{
  margin:0;
  max-width:660px;
  color:var(--muted);
}
.social-list{
  border-top:1px solid var(--line);
}
.social-row{
  display:grid;
  grid-template-columns:70px minmax(210px,.75fr) minmax(260px,1fr) auto;
  gap:26px;
  align-items:center;
  padding:30px 0;
  border-bottom:1px solid var(--line);
  position:relative;
  isolation:isolate;
}
.social-row::before{
  content:"";
  position:absolute;
  inset:0 -20px;
  z-index:-1;
  background:linear-gradient(90deg,rgba(169,44,255,.07),transparent 72%);
  opacity:0;
  transition:opacity .2s ease;
}
.social-row:hover::before{opacity:1}
.social-number{
  color:var(--purple-3);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
}
.social-row-main{
  display:grid;
  gap:3px;
}
.social-platform-name{
  color:#8f8499;
  text-transform:uppercase;
  font-size:.73rem;
  letter-spacing:.14em;
  font-weight:850;
}
.social-row-main strong{
  font-size:1.35rem;
  letter-spacing:-.02em;
}
.social-row p{
  margin:0;
  color:var(--muted);
  max-width:520px;
}
.social-open{
  white-space:nowrap;
  font-size:.86rem;
  font-weight:850;
  color:#e6dceb;
}
.social-open b{
  color:var(--purple-3);
  font-size:1.05rem;
  margin-left:5px;
  transition:transform .18s ease;
  display:inline-block;
}
.social-row:hover .social-open b{transform:translate(4px,-4px)}


/* CTA-Fix: "Jetzt verbinden" immer in einer Zeile */
.big-cta .cta-grid > div:first-child{
  flex:1 1 auto;
  min-width:0;
}

.big-cta .button-row{
  flex:0 0 auto;
  flex-wrap:nowrap;
  min-width:max-content;
}

.big-cta .button{
  width:auto;
  min-width:max-content;
  white-space:nowrap;
  flex:0 0 auto;
}


/* authentication & profiles */
.site-flash{position:relative;z-index:65;border-bottom:1px solid var(--line);background:#100918;padding:10px 0;color:#e7ddec}.site-flash-success{background:rgba(37,115,62,.22);border-color:rgba(80,231,118,.25)}.site-flash-warning{background:rgba(128,94,23,.24);border-color:rgba(255,195,74,.24)}.site-flash-error{background:rgba(128,28,47,.26);border-color:rgba(255,101,119,.25)}
.nav-account{display:grid!important;gap:0!important;line-height:1.08}.nav-account span{font-size:.62rem;color:var(--purple-3);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.auth-main{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:86px 0;background:radial-gradient(circle at 80% 20%,rgba(169,44,255,.1),transparent 30%)}.auth-grid{display:grid;grid-template-columns:1fr minmax(390px,.78fr);gap:80px;align-items:center}.auth-single{max-width:620px}.auth-intro h1,.auth-panel h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.055em;line-height:.94;margin:9px 0 20px}.auth-panel{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(20,12,30,.72),rgba(8,5,12,.86));box-shadow:var(--shadow)}.auth-form{display:grid;gap:18px}.auth-form label{display:grid;gap:7px;font-weight:760}.auth-form label small{color:var(--muted-2);font-weight:500}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;border:1px solid rgba(255,255,255,.11);background:#08050c;color:#fff;border-radius:9px;padding:13px 14px;outline:none}.auth-form input:focus{border-color:rgba(169,44,255,.72);box-shadow:0 0 0 3px rgba(169,44,255,.09)}.auth-submit{width:100%;margin-top:3px}.auth-separator{display:flex;align-items:center;gap:14px;color:#756a7f;margin:22px 0}.auth-separator::before,.auth-separator::after{content:"";height:1px;background:var(--line);flex:1}.discord-login{width:100%;background:#5865F2;border-color:#7180ff;color:#fff}.auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:.88rem;color:#a99eb2}.auth-links a:hover{color:#fff}.security-note{margin-top:32px;padding:18px 0;border-block:1px solid var(--line);max-width:650px}.security-note p{margin:5px 0 0;color:var(--muted)}.check-row{display:flex!important;align-items:flex-start;gap:11px!important;font-weight:500!important}.check-row input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;flex:0 0 18px;padding:0!important;margin:3px 0 0!important;accent-color:var(--purple)}.check-row span{display:block;min-width:0}.check-row a{text-decoration:underline;text-decoration-color:rgba(208,111,255,.4)}.form-message{padding:12px 14px;border-radius:9px;margin-bottom:18px;border:1px solid var(--line)}.form-error{background:rgba(128,28,47,.2);border-color:rgba(255,101,119,.28)}.form-success{background:rgba(37,115,62,.2);border-color:rgba(80,231,118,.24)}.discord-user-summary{display:grid;gap:3px;padding:15px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.discord-user-summary span{font-size:.83rem;color:var(--muted)}
.profile-hero{padding:90px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 20%,rgba(169,44,255,.1),transparent 30%)}.profile-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.profile-grid h1{font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.055em;line-height:.92;margin:9px 0 18px}.profile-role{min-width:230px;padding-left:28px;border-left:1px solid var(--line)}.profile-role strong{display:block;font-size:1.65rem;margin-top:5px}.profile-role small{display:block;color:var(--muted);margin-top:6px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.profile-section h2,.profile-security h2,.team-age-box h2{font-size:clamp(2rem,3.4vw,3.25rem);letter-spacing:-.04em;line-height:1;margin:9px 0 22px}.profile-section>p,.profile-security p,.team-age-box p{color:var(--muted)}.profile-lines{border-top:1px solid var(--line);margin:22px 0}.profile-lines>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.profile-lines span{color:var(--muted)}.profile-lines strong{text-align:right;word-break:break-word}.ok-text{color:var(--green)}.warn-text{color:#ffc34a}.profile-action-form{margin-top:20px}.team-age-box{display:grid;grid-template-columns:1fr minmax(300px,.65fr);gap:60px;align-items:center}.team-age-box form{display:grid;gap:18px}.profile-security{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}