@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d1a;--panel:rgba(17,26,46,.88);--border:#2a3652;--muted:#9aa8c1;--white:#f5f8ff;--blue:#57b8ff;--violet:#a18cff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}.ambient-one{width:540px;height:540px;top:-280px;right:-170px;background:#254cbd55}.ambient-two{width:450px;height:450px;bottom:-200px;left:-230px;background:#5b33aa44}.site-wrap{max-width:1130px;padding:0 30px;margin:auto}.topbar{height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #253148}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;font:800 22px 'Outfit',sans-serif;letter-spacing:1px}.brand-accent{color:var(--blue)}.brand-icon{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(145deg,#279fff,#9666fe);border-radius:11px;font-size:24px;box-shadow:0 0 25px #439aff44}.topbar-right{font-size:10px;font-weight:700;letter-spacing:2px;color:#bac7dd;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43e8b2;box-shadow:0 0 12px #43e8b280;flex:none}.main{padding-top:76px;padding-bottom:72px}.eyebrow{font-size:11px;letter-spacing:3px;color:#88bffa;font-weight:700;display:flex;align-items:center;gap:14px}.eyebrow-line{height:1px;width:28px;background:#71bdff}h1,h2,p{margin-top:0}h1{font:700 clamp(46px,6.8vw,85px)/1.02 'Outfit',sans-serif;letter-spacing:-3px;margin:22px 0 21px}h1 span{background:linear-gradient(90deg,#63c6ff,#9a82f6);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{color:var(--muted);max-width:570px;font-size:15px;line-height:1.8;margin-bottom:42px}.content-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:20px}.panel{min-height:445px;border:1px solid var(--border);background:var(--panel);border-radius:19px;padding:34px 35px;box-shadow:0 25px 60px #0002;position:relative}.download-panel{background:linear-gradient(145deg,#162543dd,#11192edd 65%)}.panel-top{display:flex;justify-content:space-between;align-items:center}.pill{font-size:10px;letter-spacing:1.6px;color:#9fd3ff;border:1px solid #3d6091;border-radius:30px;padding:8px 13px;font-weight:700}.tiny-spark{font-size:30px;color:#6589db}.release-icon{width:69px;height:69px;margin-top:29px;display:grid;place-items:center;color:#b8e0ff;background:#2c4369;border:1px solid #5674a3;border-radius:17px}.release-icon svg{width:39px}.panel h2{font:700 29px 'Outfit',sans-serif;letter-spacing:-.6px;margin:17px 0 9px}.panel h2 span{color:#7fbfff}.panel-description{font-size:13px;line-height:1.8;color:#aab9d0;max-width:430px}.release-specs{display:grid;grid-template-columns:1.1fr .75fr 1fr;border-block:1px solid #34435f;margin:25px 0;padding:18px 0;gap:8px}.release-specs div{display:flex;flex-direction:column;gap:8px}.release-specs small,.login-form label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8292b0}.release-specs strong{font-size:12px;font-weight:700;word-break:break-word}.btn{min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 19px;text-decoration:none;border:0;border-radius:10px;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{color:#0c1c38;background:linear-gradient(95deg,#68c3ff,#94aaff)}.btn-secondary{background:#223451;color:#d9e9ff;border:1px solid #3c5478;margin-top:20px}.btn-arrow{font-size:19px}.locked,.notice{font-size:12px;color:#97a7c2;background:#141f33;border:1px solid #2d405e;border-radius:10px;display:flex;align-items:center;gap:11px;padding:15px}.locked svg{width:17px;height:17px;flex:none}.section-label{font-size:10px;letter-spacing:1.8px;color:#8ca6d6;font-weight:700;display:flex;justify-content:space-between}.section-label span{color:#60748d}.login-panel h2{margin-top:45px}.login-form{display:flex;flex-direction:column;gap:11px;margin-top:30px}.login-form input{height:49px;width:100%;border:1px solid #344661;border-radius:9px;background:#0c1627;color:white;padding:0 15px;font:13px 'DM Sans',sans-serif;outline:none}.login-form input:focus{border-color:#79bbff;box-shadow:0 0 0 3px #599aff18}.login-form label:not(:first-child){margin-top:8px}.login-form .btn{margin-top:10px}.login-footer{font-size:10px;letter-spacing:1px;color:#7184a3;text-align:center;margin-top:25px}.error{background:#5b26384d;border:1px solid #c45a7c;color:#ffc2d0;border-radius:9px;padding:12px;font-size:12px}.welcome-symbol{font-size:26px;color:#4cf3bf;border:1px solid #2c8f79;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;margin-top:45px}.access-active{margin:32px 0 22px;font-size:10px;letter-spacing:1.5px;color:#8af4d4;display:flex;gap:12px;align-items:center}footer{border-top:1px solid #253148;padding:26px 0 33px;display:flex;justify-content:space-between;color:#6e819e;font-size:10px;letter-spacing:1.6px}@media(max-width:760px){.site-wrap{padding:0 17px}.topbar{height:78px}.topbar-right{font-size:0}.main{padding-top:53px}.content-grid{grid-template-columns:1fr}.panel{padding:27px;min-height:auto}h1{letter-spacing:-1.6px}.login-panel h2{margin-top:23px}footer{gap:15px;flex-direction:column}}

.narrow-main{max-width:650px;margin:0 auto}.narrow-main h1{font-size:clamp(36px,5.5vw,60px)}.password-panel{min-height:auto}.password-panel .panel-description{margin:22px 0}.success{color:#8af4d4;border-color:#2c8f79}.password-panel .btn-secondary{justify-content:space-between;margin-top:6px}

/* Beta-Portal-Erweiterung */
.beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.beta-panel{min-height:240px}.beta-panel h2{margin-top:23px}.release-notes{font-size:13px;line-height:1.9;color:#c3d2e9;white-space:normal;overflow-wrap:anywhere}.beta-panel .btn{margin-top:24px}.feedback-form textarea,.feedback-form select{width:100%;border:1px solid #344661;border-radius:9px;background:#0c1627;color:white;padding:13px 15px;font:13px 'DM Sans',sans-serif;outline:none}.feedback-form textarea{min-height:160px;resize:vertical}.feedback-form select{height:49px}.feedback-form textarea:focus,.feedback-form select:focus{border-color:#79bbff;box-shadow:0 0 0 3px #599aff18}.feedback-form{display:flex;flex-direction:column;gap:11px;margin-top:26px}.feedback-form label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8292b0}.feedback-form label:not(:first-child){margin-top:9px}.feedback-form .btn{margin-top:14px}@media(max-width:760px){.beta-grid{grid-template-columns:1fr}}

/* Feedback-Seite: aufgeraeumtes, responsives Formular */
.feedback-main{max-width:950px;margin:0 auto}
.feedback-main h1{font-size:clamp(42px,6vw,68px)}
.feedback-intro{max-width:720px;margin-bottom:30px}
.feedback-panel{min-height:0;padding:36px 40px}
.feedback-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid var(--border)}
.feedback-panel-header .section-label{margin:2px 0 13px}
.feedback-help{margin:0;color:var(--muted);font-size:13px;line-height:1.8;max-width:590px}
.feedback-user{flex:none;display:flex;flex-direction:column;text-align:right;gap:7px;color:#8197b9;font-size:10px;font-weight:700;letter-spacing:1.3px}
.feedback-user strong{font-size:13px;color:#dfeaff;letter-spacing:0;overflow-wrap:anywhere}
.feedback-form{display:block;margin-top:0}
.feedback-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:24px}
.feedback-field{display:flex;flex-direction:column;gap:10px;min-width:0}
.feedback-field-full{grid-column:1/-1}
.feedback-field label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#bdcbe4;margin:0}
.feedback-field label span{font-size:10px;letter-spacing:0;text-transform:none;color:#8396b5;font-weight:500}
.feedback-field input,.feedback-field select,.feedback-field textarea{width:100%;min-width:0;display:block;appearance:none;border:1px solid #3b4b69;border-radius:12px;background:#0c172a;color:var(--white);font:14px 'DM Sans',system-ui,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}
.feedback-field input,.feedback-field select{height:52px;padding:0 16px}
.feedback-field select{appearance:auto;color-scheme:dark}
.feedback-field textarea{min-height:235px;padding:16px;resize:vertical;line-height:1.7}
.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#798ba9;opacity:1}
.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{border-color:#76bfff;box-shadow:0 0 0 3px rgba(87,184,255,.13)}
.field-hint{margin:0;color:#8294b0;font-size:11px;line-height:1.6}
.feedback-actions{display:flex;flex-direction:column;gap:12px;margin-top:29px}
.feedback-actions .btn{min-height:54px;justify-content:space-between;margin:0;font-size:13px}
.feedback-actions .btn-secondary{background:#1a2b46}
.feedback-panel .error,.feedback-panel .notice{margin:0 0 23px}
@media(max-width:760px){.feedback-panel{padding:26px 22px}.feedback-panel-header{flex-direction:column;gap:16px}.feedback-user{text-align:left}.feedback-fields{grid-template-columns:1fr}.feedback-main h1{letter-spacing:-1.6px}}
@media(max-width:480px){.feedback-panel{padding:21px 17px}.feedback-fields{row-gap:20px}.feedback-field textarea{min-height:220px}}

/* Protected feedback administration */
.admin-main{max-width:1080px;margin:0 auto}.admin-main h1{font-size:clamp(42px,6vw,70px)}
.admin-intro{max-width:750px;margin-bottom:26px}
.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.admin-stat{min-height:124px;padding:23px 26px;display:flex;flex-direction:column;gap:15px}
.admin-stat>span{font-size:10px;letter-spacing:1.5px;color:#92abc8;font-weight:700}
.admin-stat strong{font:700 36px 'Outfit',sans-serif;color:#f2f8ff}
.admin-list{min-height:260px;padding:27px 30px}
.admin-list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid #34415c}
.admin-list-head h2{margin:0;font-size:24px}
.admin-filters{display:flex;flex-wrap:wrap;gap:7px}
.admin-filter{padding:9px 13px;border:1px solid #354969;border-radius:9px;color:#b8c9e5;text-decoration:none;font-size:12px;font-weight:700}
.admin-filter.selected{background:#29476b;border-color:#67b8ff;color:#e6f6ff}
.admin-empty{color:#9aacc7;font-size:14px;padding:28px 0}
.admin-report{border-bottom:1px solid #2b3953}.admin-report summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:21px 4px}
.admin-report summary::-webkit-details-marker{display:none}
.admin-report-main{display:flex;flex-direction:column;gap:9px;min-width:0}
.admin-report-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:11px;color:#8da3c4}
.admin-type{color:#9bd6ff;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:#1e3755;padding:5px 10px;border-radius:999px}
.admin-report-main strong{font:700 17px 'Outfit',sans-serif;overflow-wrap:anywhere}
.admin-report-main small{color:#a0b3d0;font-size:12px}
.admin-chevron{color:#92bdf2;font-size:26px;transition:transform .16s}
.admin-report[open] .admin-chevron{transform:rotate(180deg)}
.admin-report-detail{padding:0 4px 24px;color:#c8d7ed}
.admin-report-detail h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#87a2c9;margin:9px 0 14px}
.admin-report-text{font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:normal;background:#0c182a;padding:18px;border:1px solid #2f415f;border-radius:10px}
.admin-report-id{display:block;font-size:11px;color:#7e96b6;margin-top:12px;overflow-wrap:anywhere}
.admin-hint{font-size:12px;color:#e6c58e}.admin-back{max-width:360px;margin-top:20px}
@media(max-width:700px){.admin-stats{grid-template-columns:1fr}.admin-stat{min-height:90px}.admin-list{padding:22px 18px}.admin-list-head{align-items:flex-start}.admin-report-main strong{font-size:15px}}
