:root { --bg:#0a3a40; --card:#0f4a52; --text:#f4fbfc; --muted:#a8d0d6; --accent:#3ec6d4; --warn:#ff9a4a; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: linear-gradient(180deg,#062a2f,#0b5f6b 50%,#0a3a40); color: var(--text); line-height:1.55; min-height:100vh; }
.wrap { max-width: 820px; margin: 0 auto; padding: 40px 20px 80px; }
header { display:flex; gap:16px; align-items:center; margin-bottom:28px; }
header img { width:72px; height:72px; border-radius:16px; }
h1 { font-size:1.8rem; margin:0 0 6px; }
h2 { font-size:1.25rem; margin-top:28px; color: var(--accent); }
p,li { color: var(--muted); }
a { color: var(--accent); }
.card { background: rgba(15,74,82,.85); border:1px solid rgba(62,198,212,.25); border-radius:16px; padding:20px; margin:16px 0; }
.badge { display:inline-block; background: var(--warn); color:#1a1a1a; font-weight:700; font-size:.75rem; padding:4px 10px; border-radius:999px; }
nav a { margin-right:14px; text-decoration:none; font-weight:600; }
footer { margin-top:40px; font-size:.85rem; color:#7aa8ae; }