/* =========================================
   HeavenBot Dashboard 0.3 – Stylesheet
   Farben, Layout und responsive Darstellung
   ========================================= */
:root{--bg:#0b0915;--surface:#151123;--surface-2:#1c1630;--border:rgba(180,142,255,.15);--text:#f8f6ff;--muted:#a9a1bc;--purple:#a56aff;--purple-light:#d2b4ff;--radius:18px;--forest:#123f32;--emerald:#1e6b50;--mint:#a9d9c3;--green-border:rgba(67,152,113,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.background-glow{position:absolute;z-index:-1;pointer-events:none;filter:blur(95px);border-radius:50%}
.background-glow-one{top:90px;right:4%;width:460px;height:460px;background:rgba(112,55,212,.19)}
.background-glow-two{top:540px;left:-150px;width:400px;height:400px;background:rgba(89,47,161,.12)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,9,21,.85);border-bottom:1px solid rgba(190,158,255,.09);backdrop-filter:blur(20px)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-.8px}
.brand-symbol{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(135deg,#9d62f3,#6538c6);border-radius:12px;box-shadow:0 8px 28px rgba(132,79,232,.3)}
.brand-accent{color:var(--purple-light)}
.primary-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600;color:#bcb4d0}
.primary-nav a:hover{color:#fff}
.primary-nav .nav-login{color:#fff;border:1px solid var(--border);background:#241937;padding:11px 18px;border-radius:11px}
.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;color:white;padding:5px 12px;font-size:25px;cursor:pointer}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:690px;padding-top:70px;padding-bottom:85px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2px;color:#c4a2ff}
.eyebrow{padding:9px 14px;border:1px solid var(--border);border-radius:100px;background:rgba(123,77,194,.09)}
.pulse-dot{height:7px;width:7px;border-radius:50%;background:#b88bff;box-shadow:0 0 12px #b88bff}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(42px,5.4vw,74px);line-height:1.11;letter-spacing:-3px;margin:28px 0}
.gradient-text{background:linear-gradient(110deg,#e7d6ff,#aa78ff 60%,#8661fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:520px;color:var(--muted);font-size:17px;line-height:1.85}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}
.button:hover:not(:disabled){transform:translateY(-2px)}
.button-primary{background:linear-gradient(120deg,#9f61f3,#7044d7);color:#fff;border:1px solid #a874ff;box-shadow:0 10px 28px rgba(117,68,208,.23)}
.button-secondary{background:rgba(255,255,255,.035);border:1px solid var(--border);color:#e8dff9}
.hero-footnote{margin-top:26px;color:#a9a0bb;font-size:12px}.checkmark{color:#bb95ff}.footnote-separator{padding:0 7px}
.hero-visual{position:relative;min-width:0;perspective:1000px}
.preview-window{border:1px solid rgba(188,151,255,.3);border-radius:18px;background:#100e1b;box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 65px rgba(117,65,205,.12);transform:rotateY(-5deg) rotateX(3deg);overflow:hidden}
.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:#171224;border-bottom:1px solid var(--border);font-size:10px;color:#9f96b7}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#725f91}.window-dots i:first-child{background:#c7758e}.window-dots i:nth-child(2){background:#d6b66d}.preview-tag{font-size:9px;color:#c6a2ff}
.preview-body{display:flex;min-height:370px}.preview-sidebar{width:58px;background:#14101f;border-right:1px solid var(--border);padding:17px 10px;display:flex;flex-direction:column;gap:14px}.sidebar-icon{height:34px;display:grid;place-items:center;color:#817494;border-radius:9px}.sidebar-icon.active{color:#dfc6ff;background:#302046}
.preview-main{flex:1;min-width:0;padding:26px 23px}.preview-label{font-size:9px;letter-spacing:1.8px;color:#a784e2}.preview-main h2{font-size:19px;margin:7px 0 2px}.preview-main h2 span{color:#a975f6}.preview-main p{font-size:11px;color:#a69cb8}
.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.stat-card{display:flex;flex-direction:column;padding:13px 14px;background:#211930;border:1px solid var(--border);border-radius:11px}.stat-card span,.stat-card small{color:#9d90b4;font-size:10px}.stat-card strong{font-size:25px;line-height:1.4}
.preview-panel{padding:15px;background:#1b1529;border:1px solid var(--border);border-radius:11px}.panel-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:7px}.panel-pill{font-size:9px;color:#c6a4ff}.module-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px;color:#d3cbe0}.module-row:last-child{border-bottom:0}.module-symbol{color:#b68aff;font-size:15px}.module-status{margin-left:auto;color:#9d86bd;font-size:9px}
.floating-spark{position:absolute;color:#d6b5ff;text-shadow:0 0 20px #a56aff}.spark-one{right:-18px;top:-36px;font-size:38px}.spark-two{left:-23px;bottom:-27px;font-size:30px}
.features-section{background:linear-gradient(180deg,rgba(31,23,52,.45),rgba(13,10,23,.3));border-top:1px solid rgba(186,147,255,.08);border-bottom:1px solid rgba(186,147,255,.08);padding:95px 0 105px}
.section-intro{text-align:center;max-width:750px;margin:0 auto 42px}.section-intro h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.6px;line-height:1.25;margin:14px 0}.section-intro p{color:var(--muted);font-size:15px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:247px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(140deg,#1c162c,#141020);transition:border-color .2s,transform .2s}.feature-card:hover{border-color:rgba(186,145,255,.4);transform:translateY(-3px)}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#312145;color:#d7b9ff;font-size:25px;margin-bottom:19px}.feature-card h3{font-size:17px;margin-bottom:9px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:15px}.feature-meta{font-size:11px;color:#b994fa;font-weight:650}
.steps-section{padding-top:110px;padding-bottom:95px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}.step{padding:0 12px}.step-number{font-size:38px;line-height:1;font-weight:850;letter-spacing:-2px;color:#9c6bea}.step h3{margin:19px 0 10px;font-size:17px}.step p{color:var(--muted);font-size:14px;max-width:300px}
.login-section{padding-bottom:100px}.login-card{position:relative;overflow:hidden;border:1px solid rgba(192,153,255,.25);border-radius:25px;background:radial-gradient(circle at 95% 30%,rgba(130,69,225,.3),transparent 40%),linear-gradient(125deg,#20152f,#161021);padding:60px 70px}.login-content{position:relative;z-index:1;max-width:580px}.login-card h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1.5px;margin:14px 0}.login-card p{color:#bdb1cf;font-size:15px}.login-disabled{margin-top:12px;cursor:not-allowed;opacity:.6}.login-note{font-size:11px!important;margin:13px 0 0}.login-decoration{position:absolute;right:80px;top:50%;transform:translateY(-50%);font-size:210px;line-height:1;color:rgba(176,128,255,.17)}
.project-section{padding-bottom:100px}.project-info{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--border);padding-top:50px}.project-info>div:first-child{max-width:600px}.project-info h2{font-size:28px;margin:12px 0}.project-info p{color:var(--muted);font-size:14px}.project-version{min-width:140px;display:grid;gap:5px}.project-version span{font-size:10px;letter-spacing:2px;color:#a89bbd}.project-version strong{font-size:18px;margin-bottom:8px;color:#d5b7ff}
.site-footer{border-top:1px solid var(--border);padding:26px 0;color:#8f85a2;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:55px;min-height:auto;padding-top:80px}.hero-content{max-width:700px}.hero-visual{max-width:650px;width:100%;margin-inline:auto}.preview-window{transform:none}.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shell{width:min(100% - 32px,1160px)}.header-inner{min-height:69px}.brand{font-size:21px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#151021;border-bottom:1px solid var(--border);padding:12px 20px 20px}.primary-nav.is-open{display:flex}.primary-nav a{padding:13px 8px}.primary-nav .nav-login{text-align:center;margin-top:10px}.hero{padding-top:65px;padding-bottom:65px}.hero h1{letter-spacing:-2px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.preview-main{padding:19px 12px}.preview-sidebar{width:45px;padding:14px 6px}.preview-stats{gap:7px}.stat-card{padding:10px}.features-section{padding:70px 0}.features-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.steps-section{padding-top:75px;padding-bottom:65px}.steps-grid{gap:30px;margin-top:35px}.login-card{padding:40px 25px}.login-decoration{right:-30px;opacity:.4}.project-info{flex-direction:column;align-items:flex-start}.project-section{padding-bottom:60px}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* =========================================
   0.3 – Waldgrün / Violett
   Dunkelgrün als zweite Designfarbe.
   ========================================= */
body {
    background:
        radial-gradient(ellipse 560px 420px at 95% 17%, rgba(18, 63, 50, .20), transparent 75%),
        radial-gradient(ellipse 620px 480px at 4% 38%, rgba(81, 44, 132, .13), transparent 75%),
        var(--bg);
}
.background-glow-two { background: rgba(18, 92, 66, .17); }
.brand-symbol {
    background: linear-gradient(135deg, #8152cf 12%, #18583f 100%);
    box-shadow: 0 8px 28px rgba(20, 91, 63, .20);
}
.brand-accent { color: var(--mint); }
.primary-nav .nav-login {
    border-color: var(--green-border);
    background: linear-gradient(120deg, #1c2330, #14382e);
}
.primary-nav .nav-login:hover { border-color: #347b60; color: var(--mint); }
.eyebrow { border-color: var(--green-border); background: rgba(18, 63, 50, .23); color: var(--mint); }
.pulse-dot { background: #3c9a73; box-shadow: 0 0 12px rgba(67, 171, 121, .65); }
.gradient-text {
    background: linear-gradient(108deg, #e3d2ff 0%, #b087f5 44%, #a9d9c3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.button-primary {
    background: linear-gradient(112deg, #7550bb 0%, #6346a6 55%, #225b46 100%);
    border-color: rgba(166, 137, 226, .55);
    box-shadow: 0 10px 30px rgba(36, 91, 66, .18);
}
.button-primary:hover:not(:disabled) { box-shadow: 0 12px 36px rgba(36, 113, 79, .30); }
.button-secondary:hover { border-color: var(--green-border); }
.checkmark, .preview-tag, .panel-pill { color: var(--mint); }
.preview-window {
    border-color: rgba(67, 152, 113, .31);
    box-shadow: 0 35px 90px rgba(0,0,0,.45), 0 0 70px rgba(22, 100, 69, .13);
}
.preview-topbar { border-bottom-color: var(--green-border); }
.window-dots i:last-child { background: #418e69; }
.sidebar-icon.active { color: var(--mint); background: #1c3d35; }
.preview-label { color: #93c5ab; }
.preview-main h2 span { color: var(--mint); }
.stat-card:nth-child(2) { background: linear-gradient(135deg, #1c2730, #14382e); border-color: var(--green-border); }
.module-symbol { color: #83c4a4; }
.module-status { color: #86b99e; }
.features-section {
    background: linear-gradient(180deg, rgba(20, 39, 39, .43), rgba(22, 17, 38, .40));
    border-top-color: rgba(67, 152, 113, .15);
    border-bottom-color: rgba(67, 152, 113, .12);
}
.feature-card:nth-child(2), .feature-card:nth-child(5) {
    background: linear-gradient(140deg, #182c2b, #141a23);
    border-color: var(--green-border);
}
.feature-card:nth-child(2) .feature-icon,
.feature-card:nth-child(5) .feature-icon { background: #1c4839; color: var(--mint); }
.feature-card:nth-child(2) .feature-meta,
.feature-card:nth-child(5) .feature-meta { color: #8ccbab; }
.feature-card:hover { border-color: rgba(67, 152, 113, .5); }
.step:nth-child(2) .step-number { color: #559c78; }
.login-card {
    background:
        radial-gradient(circle at 95% 30%, rgba(25, 100, 71, .34), transparent 45%),
        radial-gradient(circle at 5% 90%, rgba(110, 64, 185, .16), transparent 55%),
        linear-gradient(125deg, #20152f, #121d22);
    border-color: var(--green-border);
}
.login-decoration { color: rgba(113, 193, 146, .22); }
.project-version strong:last-child { color: var(--mint); }
@media (max-width: 680px) {
    .primary-nav { background: #131b20; border-bottom-color: var(--green-border); }
}

/* Dashboard 0.4 – Discord-Profil */
.discord-avatar { display: block; width: 76px; height: 76px; border-radius: 50%; border: 3px solid #1e6b50; margin: 18px 0; object-fit: cover; box-shadow: 0 0 20px rgba(30,107,80,.24); }