body { font-family: system-ui, sans-serif; background: #fbfbfd; color: #232325; margin: 0; }
header { display: flex; align-items: center; gap: 2rem; padding: 0.5rem 1.5rem; border-bottom: 1px solid #ededed; background: #fff; }
.logo-link { display: block; }
.logo-placeholder { width: 100px; height: 100px; background: linear-gradient(135deg, #eee 30%, #bdafff 100%); display: flex; align-items: center; justify-content: center; border-radius: 18px; margin-right: 1rem; box-shadow: 0 2px 8px #e1e1e155; position: relative; }
.logo-placeholder::after { content: '🍏'; font-size: 2.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-12deg); opacity: 0.6; }
nav { display: flex; gap: 1rem; margin-left: auto; }
nav a { color: #7a23d7; text-decoration: none; font-weight: 500; transition: color 0.15s; padding: 6px 10px; border-radius: 5px; }
nav a:hover { background: #f6f0fd; color: #3d166b; }
main { max-width: 600px; margin: 2rem auto; padding: 1.5rem; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px #eeebfb44; }
h1 { font-size: 2rem; color: #812bd3; margin-top: 0; }
a { color: #9240f7; }
footer { text-align: center; margin: 2rem 0 0 0; padding: 1rem 0 0 0; color: #bdb7c8; font-size: 1rem; }