* { box-sizing: border-box; }
body { margin: 0; background: #f7f5ef; color: #20251f; font-family: Inter, system-ui, sans-serif; }
.info-page { min-height: 100vh; display: grid; place-items: center; padding: 3rem 1.25rem; }
.info-card { width: min(100%, 640px); padding: 3rem; border: 1px solid #dedbd1; border-radius: 20px; background: #fff; box-shadow: 0 18px 45px rgba(34, 51, 35, 0.1); text-align: center; }
.creator-mark { width: 84px; height: 84px; display: grid; place-items: center; margin: 0 auto 1.5rem; border-radius: 50%; background: #315233; color: #f7f5ef; font-family: Georgia, serif; font-size: 2.2rem; font-weight: 700; }
.eyebrow { margin: 0 0 12px; color: #65705f; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; }
h1 { margin: 0; font-size: clamp(2.4rem, 7vw, 4.8rem); line-height: 1; letter-spacing: -0.05em; }
.intro { max-width: 540px; margin: 1rem auto 2rem; color: #526052; line-height: 1.7; }
.links { display: grid; gap: 0.8rem; margin: 2rem 0; }
.button-link { padding: 1rem; border: 1px solid #315233; border-radius: 12px; color: #315233; font-weight: 700; text-decoration: none; }
.button-link:hover { background: #315233; color: #f7f5ef; }
.muted { color: #77736a; font-size: 0.9rem; }
.policy { text-align: left; }
.policy h1 { font-size: clamp(2.2rem, 6vw, 4rem); }
.policy h2 { margin: 2rem 0 0.5rem; color: #315233; font-size: 1.1rem; }
.policy p, .policy li { color: #526052; line-height: 1.7; }
.policy a { color: #315233; }
.back-link { display: inline-block; margin-top: 1rem; padding: 0.8rem 1.25rem; border-radius: 10px; background: #315233; color: #f7f5ef; font-weight: 700; text-decoration: none; }
.policy .back-link { color: #f7f5ef; }
@media (max-width: 600px) { .info-card { padding: 2rem 1.4rem; } }