:root { --viola: #1d0054; --violaDark: #0d0025; --giallo: #ffb200; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: linear-gradient(180deg, var(--viola) 0%, var(--violaDark) 100%);
  color: rgba(255,255,255,0.85); line-height: 1.55; min-height: 100vh;
}
.container { max-width: 760px; margin: 0 auto; padding: 32px 22px 80px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.12); }
header .logo { font-size: 20px; font-weight: 800; color: var(--giallo); letter-spacing: 0.5px; }
header .nav { margin-left: auto; }
header .nav a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; font-weight: 600; margin-left: 16px; }
header .nav a:hover { color: var(--giallo); }
h1 { color: #fff; font-size: 28px; margin: 0 0 4px; font-weight: 800; }
.version { color: rgba(255,255,255,0.4); font-size: 13px; margin-bottom: 22px; font-weight: 600; }
h2 { color: var(--giallo); font-size: 18px; margin: 28px 0 10px; font-weight: 700; }
p { margin: 8px 0; }
ul { padding-left: 20px; margin: 8px 0; }
li { margin: 4px 0; }
a { color: var(--giallo); }
footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 12px; color: rgba(255,255,255,0.4); text-align: center; }
.hero-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 24px; margin: 16px 0; }
.hero-card a { display: inline-block; margin-top: 8px; color: var(--giallo); font-weight: 700; text-decoration: none; }
.hero-card a:hover { text-decoration: underline; }
@media (max-width: 600px) { .container { padding: 24px 16px 60px; } h1 { font-size: 22px; } header .nav a { margin-left: 10px; font-size: 13px; } }