:root { --ink: #1f3566; --sky: #38c6f4; --royal: #3f63d8; --orange: #ff8c1a; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--ink); background: linear-gradient(160deg, var(--sky), var(--royal)) fixed; }
main { max-width: 720px; margin: 32px auto; padding: 28px 24px; background: #ffffff; border-radius: 24px; box-shadow: 0 12px 40px rgba(10, 20, 80, 0.25); }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
header img { width: 72px; height: 72px; border-radius: 16px; }
h1 { margin: 0; font-size: 28px; }
h2 { margin-top: 28px; font-size: 20px; color: var(--royal); }
a { color: var(--royal); font-weight: 600; }
nav { margin-top: 24px; display: flex; gap: 18px; flex-wrap: wrap; }
.note { color: #5a6a8a; font-size: 15px; }