:root { color-scheme: dark; --green:#2ecc71; --navy:#151525; --panel:#242433; --text:#f3f5f7; --muted:#bcc3cc; }
* { box-sizing:border-box; }
body { margin:0; background:var(--navy); color:var(--text); font:17px/1.6 "Segoe UI",sans-serif; }
header { min-height:170px; display:flex; align-items:center; justify-content:center; gap:32px; padding:32px; background:linear-gradient(135deg,#31d47a,#159957); }
h1 { margin:0; font-size:clamp(2rem,6vw,4.2rem); line-height:1; } header p { margin:.6rem 0 0; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.hero-actions a { display:inline-block; padding:13px 21px; border-radius:8px; font-weight:800; text-decoration:none; transition:transform .15s ease,background .15s ease; }
.hero-actions a:hover { transform:translateY(-2px); }
.hero-donate { background:#ff5e8a; color:#24121a; box-shadow:0 6px 20px #53203755; }
.hero-donate:hover { background:#ff91af; }
.hero-support { color:white; border:2px solid #ffffffb8; background:#10221926; }
.hero-support:hover { background:#ffffff24; }
.brand-logo { width:132px; height:132px; flex:0 0 auto; border-radius:22%; object-fit:contain; filter:drop-shadow(0 7px 8px #07562d66); }
main { width:min(940px,calc(100% - 32px)); margin:38px auto; }
section { margin:22px 0; padding:28px 32px; background:var(--panel); border:1px solid #ffffff14; border-radius:14px; }
h2 { margin-top:0; color:#65e99f; } .warning { border-color:#ff756b; background:#3a252c; } .warning h2 { color:#ffb0aa; }
.download { border-color:var(--green); } .download-button { display:inline-block; padding:14px 22px; border-radius:7px; background:var(--green); color:#102219; font-weight:800; text-decoration:none; box-shadow:0 5px 18px #0b8f4c55; } .download-button:hover { background:#65e99f; transform:translateY(-1px); } .release-link { margin-bottom:0; font-size:.92rem; } a { color:#75eaaa; }
.download-count { display:inline-block; margin:0 0 0 14px; color:#8df0b9; font-size:.92rem; font-weight:700; }
.security-note { margin-top:22px; padding:16px 18px; border-left:4px solid #65e99f; border-radius:6px; background:#151f1b; } .security-note strong { color:#8df0b9; } .security-note p { margin:.45rem 0 0; }
.support { border-color:#ff5e8a; } .support h2,.support h3 { color:#ff91af; } .support h3 { margin-top:28px; } .support-button { display:inline-block; padding:12px 20px; border-radius:7px; background:#ff5e8a; color:#24121a; font-weight:800; text-decoration:none; box-shadow:0 5px 18px #ff5e8a44; } .support-button:hover { background:#ff91af; transform:translateY(-1px); }
.discord-contact { display:flex; align-items:center; gap:14px; width:max-content; max-width:100%; padding:12px 18px; border:1px solid #7487ff; border-radius:9px; background:#171b35; }
.discord-contact span { color:#aeb8ff; font-weight:700; }
.discord-contact strong { font-size:1.2rem; letter-spacing:.04em; }
code { background:#11111c; padding:2px 6px; border-radius:4px; } .legal,p,li { color:var(--muted); } strong { color:white; }
footer { padding:30px; text-align:center; color:#aeb5bf; border-top:1px solid #ffffff16; }
@media(max-width:600px){ header{flex-direction:column;text-align:center}.brand-logo{width:112px;height:112px}.hero-actions{justify-content:center}.hero-actions a{width:100%}.download-count{display:block;margin:12px 0 0}section{padding:22px} }