*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:#0b0820;color:#e6e3ff;line-height:1.6}
header{background:linear-gradient(90deg,#1a0f45,#2a1260 60%,#0e2a5a);border-bottom:3px solid #7a5cff;padding:14px 20px;display:flex;align-items:center;gap:12px}
header img{width:48px;height:48px;border-radius:11px;box-shadow:0 0 14px #5ee7ff88}header h1{margin:0;font-size:1.4rem;letter-spacing:1px;color:#fff;text-shadow:0 0 10px #a07bff}
nav{margin-left:auto}nav a{color:#b9b0ff;margin-left:14px;text-decoration:none;font-weight:600}nav a:hover{color:#fff}
.hero{width:100%;max-height:440px;object-fit:contain;background:#0b0820;display:block;border-bottom:1px solid #2c2466}
main{max-width:820px;margin:0 auto;padding:20px}h2{color:#8fe9ff;border-bottom:1px solid #2c2466;padding-bottom:4px}
.card{background:#151036;border:1px solid #2c2466;border-radius:10px;padding:14px 18px;margin:12px 0}
.ded{text-align:center;font-style:italic;color:#c3b4ff}
a{color:#ffd166}footer{text-align:center;color:#8a84b8;font-size:.85rem;padding:24px}
@media(max-width:600px){header{flex-wrap:wrap}nav{margin-left:0;width:100%}nav a{margin:0 14px 0 0}header h1{font-size:1.2rem}}