body.page-home{background:#061019;color:#fff}
.page-home>header{position:absolute;top:0;right:0;left:0;min-height:0;z-index:5;padding:12px 22px;justify-content:flex-end;background:linear-gradient(180deg,#061018dd,transparent);border:0}
.page-home>header .brand,.page-home>header nav{display:none}.page-home>header .account button{border-color:#e2b740;background:#07131de8;color:#ffdc70;font-size:11px}.page-home>header .account button[data-open=invite]{background:#ffcf4a;color:#151b1e}
.page-home .hero.hero-new{position:relative;height:clamp(440px,35vw,590px);display:flex;justify-content:center;align-items:flex-end;text-align:center;overflow:hidden;background:#0a1821}
.page-home .hero-backdrop{position:absolute;inset:0;background:linear-gradient(0deg,#030c13 0%,#07141ce8 17%,#07141cd9 36%,#07131c38 65%,#07131c22),url('assets/start-vorlage.png') center top/cover no-repeat}
.page-home .hero-new .hero-copy{padding:0 18px 42px;max-width:1100px;z-index:1}.page-home .hero-new .eyebrow{font-size:14px;letter-spacing:5px;color:#ffd14c}.page-home .hero-new h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,5vw,92px);line-height:.92;letter-spacing:.5px;text-shadow:0 4px 12px #000,0 2px 4px #000;margin:9px 0 12px}.page-home .hero-new h1 span{color:#ffd261}.page-home .hero-new p{font-size:clamp(10px,.8vw,15px);font-weight:800;letter-spacing:2px;margin:0 0 18px}.page-home .hero-buttons{gap:15px}.page-home .hero-buttons .outline{background:#06111be8;color:#ffe8a0}
.page-home .hero-banner{position:absolute;z-index:2;left:2%;top:0;width:180px;padding:15px 14px 36px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#ffd04f;background:linear-gradient(#050d13f5,#050d13de);border-left:2px solid #d1a534;border-right:2px solid #d1a534;box-shadow:0 0 25px #ffca2d44;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}.page-home .hero-emblem svg{width:132px;height:132px;filter:drop-shadow(0 0 10px #e8b52b88)}.page-home .hero-banner span{font-size:9px;font-weight:800;letter-spacing:.6px}.page-home .hero-banner b{font-size:24px}.page-home .home-down{position:absolute;bottom:8px;left:50%;z-index:2;color:#ffd44c;font-size:32px;text-decoration:none;line-height:1}
.page-home .home-new-content{max-width:1800px;margin:0 auto;padding:0 18px 18px}.page-home .home-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.page-home .home-tiles a{position:relative;min-height:145px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-decoration:none;text-align:left;padding:14px 18px;background:linear-gradient(90deg,#06121bf8,#06121b92),url('assets/bf3-nachtkonvoi.png') center/cover;border:1px solid #d6ad48;border-radius:10px;box-shadow:inset 0 0 20px #ffc82c22,0 0 15px #d19d2422}.page-home .home-tiles a:hover{border-color:#fff0a4;box-shadow:0 0 16px #ffce5477}.page-home .home-tiles b{color:#ffd34d;font-size:32px;line-height:1;margin-bottom:12px}.page-home .home-tiles strong{font-size:15px}.page-home .home-tiles span{font-size:11px;line-height:1.3;color:#d7e2e8;margin-top:5px}.page-home .home-tiles i{position:absolute;right:16px;bottom:13px;font-style:normal;font-size:23px;color:#ffce45}
.page-home .home-mission{display:grid;grid-template-columns:1.1fr .95fr 1.1fr;gap:10px;margin-top:10px}.page-home .home-mission article{padding:16px 20px;background:linear-gradient(100deg,#071722fa,#08131de8),url('assets/bf3-nachtkonvoi.png') center/cover;border:1px solid #a98843;border-radius:9px;min-width:0}.page-home .home-mission h2{color:#ffd14a;font-size:16px;margin-bottom:8px}.page-home .home-mission p{color:#d5e0e7;font-size:12px;line-height:1.45;margin:5px 0 13px}.page-home .outline-link,.page-home .home-mission button{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #c9a33c;border-radius:5px;background:#07131c;color:#ffd85c;text-decoration:none;font-size:11px;font-weight:700}.page-home .home-values h2{justify-content:center}.page-home .home-values>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;padding-top:15px}.page-home .home-values span{font-size:26px;color:#ffcd42}.page-home .home-values small{display:block;color:#d9e4eb;font-size:10px}.page-home .home-signature{text-align:center;color:#ffd058;font:italic 24px Georgia,serif;padding:25px 0;text-shadow:0 0 13px #bb7d1e}
.page-home main{max-width:none;padding:0 18px}.page-home main .dashboard,.page-home main .home-portal{display:none!important}.page-home footer{border-top-color:#c6a040;background:#06121b}
@media(max-width:1100px){.page-home .home-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.page-home .home-mission{grid-template-columns:1fr 1fr}.page-home .home-mission article:last-child{grid-column:1/-1}.page-home .hero-banner{width:135px}.page-home .hero-emblem svg{width:95px;height:95px}}
@media(max-width:650px){.page-home>header{padding:8px}.page-home>header .account{width:auto}.page-home>header .account button{font-size:10px;padding:8px}.page-home .hero.hero-new{height:420px}.page-home .hero-backdrop{background-position:center top;background-size:auto 100%}.page-home .hero-banner{top:45px;left:8px;width:84px;padding:8px 5px 25px;gap:4px}.page-home .hero-emblem svg{width:65px;height:65px}.page-home .hero-banner span{font-size:6px;letter-spacing:0}.page-home .hero-banner b{font-size:16px}.page-home .hero-new .hero-copy{padding:0 10px 38px}.page-home .hero-new .eyebrow{font-size:10px;letter-spacing:3px}.page-home .hero-new h1{font-size:clamp(32px,8vw,50px)}.page-home .hero-new p{font-size:9px;letter-spacing:.6px}.page-home .hero-buttons{gap:7px}.page-home .hero-buttons>*{font-size:10px;padding:9px 10px;min-width:0}.page-home .home-new-content{padding:0 9px 12px}.page-home .home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.page-home .home-tiles a{min-height:125px;padding:12px}.page-home .home-tiles b{font-size:25px}.page-home .home-mission{grid-template-columns:1fr}.page-home .home-mission article:last-child{grid-column:auto}.page-home .home-signature{font-size:20px}}

/* Conceal the sign already embedded in the background behind the real sign. */
.page-home .hero-backdrop::before{content:'';position:absolute;inset:0 auto 0 0;width:clamp(250px,15vw,340px);background:linear-gradient(90deg,#061019 0%,#061019 74%,transparent 100%);pointer-events:none}
.page-home .hero-banner{background:#050d13}
.page-home .hero-beacons{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.page-home .hero-beacon{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff7c0 0%,#ffd35d 9%,#ffa91b99 27%,#ff970000 70%);filter:blur(1px);animation:beacon-glow 2.1s ease-in-out infinite}
.page-home .hero-beacon:nth-child(1){left:58.8%;top:6%;animation-delay:.1s}
.page-home .hero-beacon:nth-child(2){left:62.4%;top:6%;animation-delay:.8s}
.page-home .hero-beacon:nth-child(3){left:36%;top:36%;animation-delay:.4s}
.page-home .hero-beacon:nth-child(4){left:72%;top:36%;animation-delay:1.2s}
@keyframes beacon-glow{0%,100%{opacity:.18;transform:translate(-50%,-50%) scale(.7)}45%{opacity:.9;transform:translate(-50%,-50%) scale(1.35)}70%{opacity:.35;transform:translate(-50%,-50%) scale(.85)}}
@media(max-width:650px){.page-home .hero-backdrop::before{width:110px;background:linear-gradient(90deg,#061019 0%,#061019ed 65%,transparent)}.page-home .hero-beacons{display:none}}
@media(prefers-reduced-motion:reduce){.page-home .hero-beacon{animation:none;opacity:.35}}