:root{--bg:#07090e;--bg2:#0d1119;--panel:#111722;--panel2:#161d2a;--line:#2b313d;--text:#f5f7fb;--muted:#a8afbd;--red:#ef1b24;--red2:#9e070d;--glow:rgba(239,27,36,.28);--green:#00e09b;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 25%,rgba(122,0,6,.18),transparent 32%),linear-gradient(180deg,#080a0f,#0b0d13 40%,#07090e);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");z-index:20}.topbar{height:86px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;gap:50px;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(7,9,14,.7);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;letter-spacing:.6px}.brand img{width:38px;height:38px;object-fit:contain;object-position:center;border-radius:6px;filter:drop-shadow(0 0 8px rgba(255,35,45,.28))}.nav{display:flex;gap:34px;flex:1;justify-content:center}.nav a{color:#b7bdc8;text-decoration:none;font-size:15px}.nav a:hover{color:#fff}.btn{border:0;border-radius:9px;padding:12px 20px;font-weight:750;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(180deg,#ff2a32,#c20810);color:#fff;box-shadow:0 8px 26px var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(239,27,36,.4)}.btn-outline{background:rgba(10,12,18,.65);border:1px solid #d9232c;color:#f6f6f8}.btn-lg{padding:15px 28px;font-size:16px}.hero{min-height:850px;padding:150px 24px 90px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(7,9,14,.72)),radial-gradient(circle at 50% 35%,rgba(255,36,42,.13),transparent 28%)}.hero:before{content:"";position:absolute;inset:auto -10% 0;height:46%;background:linear-gradient(180deg,transparent,#080a0f 95%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.018) 81px);clip-path:polygon(0 48%,6% 30%,11% 52%,18% 22%,24% 50%,31% 32%,39% 57%,47% 24%,57% 50%,65% 31%,74% 54%,82% 19%,89% 48%,100% 29%,100% 100%,0 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 5%,#000 55%,transparent 96%);transform:perspective(700px) rotateX(62deg) scale(1.7) translateY(220px);opacity:.35}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb-a{width:420px;height:420px;background:#500007;left:5%;top:12%;opacity:.28}.orb-b{width:380px;height:380px;background:#d1121b;right:4%;top:20%;opacity:.1}.hero-content{position:relative;z-index:2;text-align:center;max-width:850px}.pill{display:inline-block;border:1px solid rgba(255,52,61,.55);background:rgba(134,0,7,.24);color:#ff4b53;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:800}.eyebrow{font-size:54px;font-weight:900;letter-spacing:2px;margin:18px 0 6px}.hero-logo-wrap{height:230px;display:flex;justify-content:center;align-items:center;overflow:visible;margin:2px 0 0}.hero-logo{width:245px;height:245px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 30px rgba(255,25,35,.38));transform:none}h1{font-size:72px;line-height:.9;margin:5px 0 8px;letter-spacing:5px;text-shadow:0 0 40px rgba(255,0,10,.15)}.subtitle{color:#ff3039;font-size:21px;letter-spacing:5px;font-weight:900;margin:0 0 22px}.lead{max-width:720px;margin:0 auto;color:#c4c9d2;font-size:21px;line-height:1.45}.hero-actions{margin-top:32px;display:flex;justify-content:center;gap:14px}.secondary-actions{margin-top:22px;display:flex;justify-content:center;gap:12px}.secondary-actions a{border:1px solid #383e49;border-radius:8px;color:#aeb5c2;text-decoration:none;padding:10px 16px;font-size:13px}.section{max-width:var(--max);margin:auto;padding:100px 24px}.section.alt{max-width:none;background:linear-gradient(180deg,rgba(17,21,31,.55),rgba(10,12,18,.9));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.section.alt>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section.compact{padding-top:55px;padding-bottom:55px}.section-head{text-align:center;max-width:750px;margin:0 auto 44px}.section-head h2,.cta h2{font-size:38px;margin:8px 0 12px}.section-head p{color:var(--muted);line-height:1.65}.kicker{color:#f22b34;font-weight:900;letter-spacing:2.5px;font-size:12px}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.card,.dash-card,.profile-card,.portal-main{background:linear-gradient(180deg,rgba(22,28,40,.92),rgba(12,16,24,.95));border:1px solid #2a303b;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.18)}.card{padding:28px;min-height:190px}.card h3{font-size:19px}.card p{color:var(--muted);line-height:1.55}.icon{color:#ff2831;font-size:28px}.portal-preview{display:grid;grid-template-columns:260px 1fr;gap:20px}.profile-card{padding:18px;text-align:center}.mini-logo img{width:40px;height:40px;border-radius:6px;object-fit:cover}.avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:18px auto 8px;background:linear-gradient(145deg,#ff2730,#730006);box-shadow:0 0 28px rgba(255,33,43,.24);font-size:25px;font-weight:800}.profile-card h3{margin:5px 0}.profile-card small{color:#ff4a52}.progress{height:6px;background:#252b36;border-radius:6px;margin:24px 0 16px;overflow:hidden}.progress span{display:block;height:100%;background:#ed1a23}.stat-list{list-style:none;padding:0;margin:15px 0;text-align:left}.stat-list li{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:#b5bbc6}.stat-list b{color:#fff}.portal-main{padding:18px}.tabs{display:flex;gap:12px;border-bottom:1px solid #2a303a;margin-bottom:18px;overflow:auto}.tabs button{background:none;border:0;color:#9299a8;padding:10px 12px;cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:#ff3740;border-color:#ff2831}.tab-panel{display:none}.tab-panel.active{display:block}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-card{padding:18px;margin-bottom:14px}.dash-card h3{margin-top:0;font-size:14px}.notice,.linkrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;color:#d6d9df}.notice span{color:#697080}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.download-grid span{border:1px solid #343a46;background:#151b26;border-radius:8px;padding:22px 10px;text-align:center;font-size:12px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vehicle-grid article{background:#151c29;border:1px solid #29303b;border-radius:9px;padding:14px}.vehicle-shape{height:90px;border-radius:8px;background:radial-gradient(ellipse at center,#333b47 0,#171d27 52%,#10141d 72%);position:relative}.vehicle-shape:after{content:"";position:absolute;width:70%;height:26px;background:#262d39;border-radius:30px 40px 12px 12px;left:15%;top:35px;box-shadow:0 15px 0 -8px #07090e}.vehicle-shape.sport:after{height:20px;top:42px}.vehicle-shape.suv:after{height:32px;border-radius:18px 25px 8px 8px}.vehicle-grid h4{margin:12px 0 6px}.vehicle-grid p{color:#878e9c;font-size:12px}.chart{height:210px;display:flex;align-items:end;gap:9px;padding:20px 10px;border-left:1px solid #333a45;border-bottom:1px solid #333a45}.chart i{flex:1;background:linear-gradient(#ff3139,#5e0005);border-radius:5px 5px 0 0;box-shadow:0 0 14px rgba(255,32,42,.18)}.center{text-align:center}.bonus-badge{font-size:36px;font-weight:900;color:#ff3139;padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div{text-align:center;padding:35px 14px;border:1px solid #2b313c;background:#111620;border-radius:12px}.stats b{display:block;font-size:34px;color:#ff3139}.stats span{color:#9da4b1;font-size:13px}.cta{border:1px solid #3a2528;background:linear-gradient(115deg,#11151e,#1e090b);border-radius:16px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer{max-width:var(--max);margin:auto;padding:32px 24px 45px;border-top:1px solid #20252d;color:#777f8b;display:flex;justify-content:space-between;align-items:center}.footer-brand img{width:30px;height:30px}.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(430px,100%);position:relative;text-align:center;padding:38px;background:#151c27;border:1px solid #4a2b2e;border-radius:14px;box-shadow:0 30px 90px #000}.modal-card h2{margin:18px 0 10px}.modal-card p,.modal-card small{color:#aab0bb;line-height:1.5}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}.discord{display:block;width:100%;margin:22px 0 16px;padding:13px;border:0;border-radius:8px;background:linear-gradient(90deg,#b30009,#ff2932);color:white;font-weight:800;cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;background:#171d27;border:1px solid #3d444f;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;z-index:80}.toast.show{opacity:1;transform:none}.reveal{animation:up .75s ease both}@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav{display:none}.topbar{justify-content:space-between}.eyebrow{font-size:36px}h1{font-size:52px}.lead{font-size:17px}.cards.three,.stats{grid-template-columns:1fr 1fr}.portal-preview{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr 1fr}.vehicle-grid{grid-template-columns:1fr}.cta{flex-direction:column;text-align:center}}@media(max-width:560px){.brand span{display:none}.hero{padding-top:125px}.eyebrow{font-size:28px}h1{font-size:39px;letter-spacing:3px}.hero-logo-wrap{height:180px}.hero-logo{width:190px;height:190px}.hero-actions{flex-direction:column}.secondary-actions{flex-wrap:wrap}.cards.three,.stats{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.section{padding:72px 18px}.cta{padding:28px 18px}footer{flex-direction:column;gap:18px}}

/* Discord OAuth / eingeloggter Benutzer */
.auth-area{display:flex;align-items:center;gap:10px}.user-menu{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}.user-menu[hidden]{display:none!important}.user-menu img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #d21f2b}.discord{display:flex;align-items:center;justify-content:center;text-decoration:none}.btn[hidden]{display:none!important}

/* Lunthera Referenzsektionen */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;overflow:hidden;min-height:185px;padding:24px;background:linear-gradient(180deg,#171d29,#10151f);border:1px solid #272f3a;border-radius:10px}.feature-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:150px;height:150px;border:2px solid rgba(255,28,38,.06);transform:rotate(45deg);border-radius:28px}.feature-card h3{margin:15px 0 8px;font-size:18px}.feature-card p{margin:0;color:#9fa7b5;line-height:1.55;font-size:14px}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ff2a34,#b80710);box-shadow:0 0 22px rgba(255,25,35,.2);font-size:20px;font-weight:900}
.role-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 26px;max-width:1060px}.role-tabs button{background:#131821;border:1px solid #2c333d;color:#b9bfca;border-radius:8px;padding:11px 15px;cursor:pointer;font-weight:700}.role-tabs button.active{background:linear-gradient(180deg,#5b1217,#351014);border-color:#e5242d;color:#fff;box-shadow:0 0 20px rgba(239,27,36,.14)}.role-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);max-width:980px;margin:0 auto;padding:20px;background:linear-gradient(180deg,rgba(65,18,22,.48),rgba(14,16,23,.92));border:1px solid #442329;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.3)}.role-visual{min-height:420px;position:relative;border-radius:13px 0 0 13px;overflow:hidden;border:1px solid #343943;background:#11151d}.role-art{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,38,46,.28),transparent 22%),linear-gradient(135deg,#291318,#12161e 44%,#090b10 70%);transition:.25s}.role-art:before{content:"";position:absolute;left:15%;right:15%;bottom:8%;height:68%;clip-path:polygon(35% 0,65% 0,78% 25%,72% 100%,28% 100%,22% 25%);background:linear-gradient(155deg,#d6d8dc,#555b65 52%,#171b22);filter:drop-shadow(0 20px 25px #000)}.role-art:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 45% 35%,#d6b59d 0 26%,#65443d 27% 38%,#171219 39% 100%);left:50%;top:19%;transform:translateX(-50%);box-shadow:0 15px 30px #000}.role-title{position:absolute;left:28px;bottom:24px;font-size:34px;font-weight:900;text-shadow:0 3px 12px #000}.role-copy{padding:34px 30px;background:linear-gradient(180deg,#11151e,#0b0e14);border:1px solid #343943;border-left:0;border-radius:0 13px 13px 0}.role-copy h3{font-size:23px;margin:16px 0 10px}.role-copy p{color:#b0b6c1;line-height:1.6}.role-copy h4{margin:24px 0 10px}.role-copy ul{padding-left:20px;color:#b9bec8;line-height:1.8}.role-copy li::marker{color:#ef1b24}.role-badge{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(180deg,#ff2832,#b70810);font-size:22px;font-weight:900}.role-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #8c2227;background:#151922;color:#fff;font-size:27px;cursor:pointer}.role-nav.prev{left:-55px}.role-nav.next{right:-55px}.role-dots{display:flex;gap:7px;justify-content:center;margin-top:24px}.role-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#573237;padding:0;cursor:pointer}.role-dots button.active{width:22px;border-radius:6px;background:#ed1d27}.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.partner-grid article{background:linear-gradient(180deg,#171d29,#111620);border:1px solid #29303c;border-radius:10px;text-align:center;padding:24px 12px}.partner-grid span{width:42px;height:42px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#a50a12;color:#fff}.partner-grid b{display:block;margin-top:13px}.partner-grid small{display:block;color:#777f8d;margin-top:5px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,12,.08),rgba(7,9,14,.78) 72%,#080a0f 100%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-grid{z-index:0}
@media(max-width:1000px){.feature-grid{grid-template-columns:1fr 1fr}.role-showcase{grid-template-columns:1fr}.role-visual{border-radius:13px 13px 0 0}.role-copy{border-left:1px solid #343943;border-radius:0 0 13px 13px}.role-nav.prev{left:10px}.role-nav.next{right:10px}.partner-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.feature-grid,.partner-grid{grid-template-columns:1fr}.role-visual{min-height:340px}.role-copy{padding:25px 20px}.role-title{font-size:27px}.role-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.role-tabs button{white-space:nowrap}}