Rebrand platform as SysnaptiK Neural
mindflux-ci / build (push) Successful in 22s

This commit is contained in:
AliceDarkest
2026-07-14 14:44:04 +02:00
parent 2e01583d8f
commit f9ee3092a3
62 changed files with 319 additions and 168 deletions
@@ -0,0 +1,66 @@
/* SysnaptiK Neural – Plattformhülle. Spielwelten werden über sn-platform bewusst nicht berührt. */
body.sn-platform {
--accent:#78d7a0; --accent-2:#b4ebc8; --accent-ink:#06130d;
--secondary:#6fbbe8; --secondary-2:#9fd9f6;
--bg:#030b0d; --bg-glow:radial-gradient(900px 560px at 58% -12%,rgba(73,183,135,.14),transparent 61%);
--panel:#071316; --panel-2:#0a1a1d; --surface:#081518; --surface-2:#0d2023;
--border:#173438; --line:#10292d; --border-accent:rgba(120,215,160,.52);
--text:#dceae5; --muted:#93aaa4; --heading:#f3fbf7;
--glow-s:rgba(120,215,160,.46); --glow-w:rgba(120,215,160,.14);
--fluxtimer-primary:#74cde0; --fluxtimer-secondary:#78d7a0;
--fluxtimer-display:#061417; --fluxtimer-segment:#a6eac0;
background:
radial-gradient(circle at 12% 86%,rgba(55,168,123,.10),transparent 27%),
radial-gradient(circle at 82% 8%,rgba(52,158,181,.10),transparent 29%),
linear-gradient(135deg,#030b0d,#061216 54%,#02090b);
}
body.sn-platform::before {
content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.55;
background:
radial-gradient(circle at 8% 12%,#78d7a0 0 1px,transparent 2px),
radial-gradient(circle at 27% 24%,#78d7a0 0 2px,transparent 3px),
radial-gradient(circle at 61% 14%,#68b9dd 0 1px,transparent 2px),
radial-gradient(circle at 88% 31%,#78d7a0 0 2px,transparent 3px),
linear-gradient(24deg,transparent 0 17%,rgba(120,215,160,.13) 17.1% 17.2%,transparent 17.3% 100%),
linear-gradient(145deg,transparent 0 52%,rgba(104,185,221,.10) 52.1% 52.2%,transparent 52.3% 100%);
}
body.sn-platform .mf-sidebar { background:linear-gradient(180deg,#061114,#071518); border-color:#17373a; }
body.sn-platform .mf-logo { gap:.8rem; }
body.sn-platform .mf-logo .mark, body.sn-platform .auth-head .mark, body.sn-platform .overlay-panel .o-emblem {
position:relative; display:inline-block; width:40px; height:40px; border-radius:50%;
background:radial-gradient(circle at center,#b9f0ce 0 4px,#70d39a 5px 7px,transparent 8px);
-webkit-mask:none; mask:none; filter:drop-shadow(0 0 10px rgba(120,215,160,.65));
}
body.sn-platform .mf-logo .mark::before, body.sn-platform .auth-head .mark::before, body.sn-platform .overlay-panel .o-emblem::before {
content:""; position:absolute; inset:-7px; border:1px solid rgba(120,215,160,.55); border-radius:50%;
box-shadow:9px -4px 0 -7px #9ce7b7,-8px 7px 0 -6px #74cde0,7px 9px 0 -6px #b4ebc8;
}
body.sn-platform .mf-logo .txt b { color:#e5f8ed; letter-spacing:.18em; font-size:.88rem; }
body.sn-platform .mf-logo .txt span { color:#78d7a0; letter-spacing:.25em; font-size:.53rem; }
body.sn-platform .mf-nav a.active { background:linear-gradient(100deg,rgba(120,215,160,.28),rgba(120,215,160,.12)); color:#e5f8ed; box-shadow:inset 0 0 0 1px rgba(180,235,200,.42),0 0 18px rgba(120,215,160,.18); }
body.sn-platform .mf-panel, body.sn-platform .mf-card, body.sn-platform .mf-profile { background:linear-gradient(145deg,rgba(10,29,32,.92),rgba(5,16,19,.94)); border-color:#193a3e; box-shadow:0 13px 28px rgba(0,0,0,.22); }
body.sn-platform .mf-card { overflow:hidden; }
body.sn-platform .mf-card::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.55; background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent) 22%,transparent) 0 1px,transparent 2px),linear-gradient(132deg,transparent 0 45%,color-mix(in srgb,var(--accent) 12%,transparent) 45.2% 45.4%,transparent 45.6%); }
body.sn-platform .mf-card > * { position:relative; z-index:1; }
body.sn-platform .mf-card-mindmatch { --accent:#c078f2; --accent-2:#ebc0ff; --glow-s:rgba(192,120,242,.40); }
body.sn-platform .mf-card-techtacular { --accent:#d6db47; --accent-2:#f2f58a; --glow-s:rgba(214,219,71,.36); }
body.sn-platform .mf-card-devlab { --accent:#78d7a0; --accent-2:#b4ebc8; --glow-s:rgba(120,215,160,.40); }
body.sn-platform .mf-card-syntaxsaga { --accent:#b176ef; --accent-2:#dfbfff; --glow-s:rgba(177,118,239,.40); }
body.sn-platform .mf-card-codeescape { --accent:#e5ae5b; --accent-2:#f8d09b; --glow-s:rgba(229,174,91,.38); }
body.sn-platform .mf-card-serviceclash { --accent:#3abec5; --accent-2:#9de9e6; --glow-s:rgba(58,190,197,.38); }
body.sn-platform .mf-card-bughunter { --accent:#e85e68; --accent-2:#ffb6bd; --glow-s:rgba(232,94,104,.38); }
body.sn-platform .mf-card-networker { --accent:#55bdf0; --accent-2:#b2e7ff; --glow-s:rgba(85,189,240,.38); }
body.sn-platform .mf-card-finalprotocol { --accent:#f09043; --accent-2:#ffd0a2; --glow-s:rgba(240,144,67,.38); }
body.sn-platform .mf-footer { background:rgba(3,11,13,.72); border-color:#173438; }
body.sn-platform .mf-center { min-height:100vh; position:relative; }
body.sn-platform .auth-container { background:linear-gradient(145deg,rgba(10,29,32,.98),rgba(4,14,17,.98)); border-color:rgba(120,215,160,.46); }
body.sn-platform .overlay { background:radial-gradient(520px 320px at 62% 18%,rgba(120,215,160,.20),transparent 62%),linear-gradient(150deg,#0a2224,#071416); }
body.sn-platform .overlay-panel .o-emblem { width:56px; height:56px; }
body.sn-platform .neon-btn { border-radius:10px; }
body.sn-platform .auth-head b { color:#78d7a0; }
body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page {
--accent:#f09043; --accent-2:#ffd0a2; --accent-ink:#251004;
--glow-s:rgba(240,144,67,.40); --glow-w:rgba(240,144,67,.14);
}
body.sn-platform .finalflux-shell, body.sn-platform.finalflux-shell, body.sn-platform.finalflux-page { background:transparent; }
@media (max-width:820px) { body.sn-platform .mf-sidebar { background:#061114; } }