/* The public page for kazdashboard.dev: KAZ's violet-to-pink look, nothing else. */
:root { --bg: #14121a; --card: rgba(255, 255, 255, .035); --line: rgba(255, 255, 255, .09); --text: #e8e5ef; --text-2: #aeaabc; --link: #b89cff;
  --grad: linear-gradient(135deg, #6d5dfc 0%, #a24dff 50%, #ff4f9a 100%); color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 "Segoe UI", system-ui, -apple-system, sans-serif; }
body::before { content: ""; position: fixed; top: -220px; left: -140px; width: 620px; height: 480px; pointer-events: none; background: radial-gradient(closest-side, rgba(162, 77, 255, .18), rgba(162, 77, 255, 0)); }
main { position: relative; max-width: 680px; margin: 0 auto; padding: 56px 20px 40px; }
.tile { width: 56px; height: 56px; border-radius: 16px; background: var(--grad); color: #fff; font: 800 30px/56px "Segoe UI", system-ui, sans-serif; text-align: center; box-shadow: 0 6px 22px rgba(162, 77, 255, .38); }
h1 { margin: 18px 0 4px; font-size: 34px; line-height: 1.15; letter-spacing: -.01em; }
h1 span { background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lead { margin: 0 0 26px; color: var(--text-2); }
section { margin: 0 0 14px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
h2 { margin: 0 0 8px; font-size: 18px; }
p { margin: 0 0 10px; color: var(--text-2); }
p:last-child { margin-bottom: 0; }
ul { margin: 0 0 10px; padding-left: 22px; color: var(--text-2); }
a { color: var(--link); }
footer { margin-top: 26px; color: var(--text-2); font-size: 14px; }