*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.info-page { font-family: 'Inter', sans-serif; background: #fff; color: #111; margin: 0; padding: 0; }
.page-container { max-width: 1400px; margin: 0 auto; padding: 100px 24px 60px; min-height: calc(100vh - 76px); }
body.info-page h1 { font-size: 2.5rem; margin-bottom: 20px; color: #111; }
body.info-page h2 { font-size: 1.5rem; margin: 40px 0 20px; color: #111; }
body.info-page h3 { font-size: 1.1rem; margin: 20px 0 10px; color: #111; }
body.info-page p { margin-bottom: 16px; color: #555; line-height: 1.7; }
body.info-page ul { margin-left: 20px; margin-bottom: 20px; }
body.info-page li { margin-bottom: 8px; color: #555; }
.last-updated { color: #888; font-style: italic; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin: 40px 0; }
.feature-item { padding: 20px; background: #fafafa; border-radius: 8px; }
.feature-item h3 { color: #111; margin-bottom: 10px; }
.highlight { background: #f4f4ea; padding: 24px; border-radius: 8px; margin: 24px 0; }
body.security-page .highlight { background: #f0f7f0; border-left: 4px solid #1f5e2d; }
.security-item { background: #fafafa; padding: 20px; margin: 16px 0; border-radius: 8px; }
.security-item h3 { color: #111; margin-bottom: 10px; }
.section { background: #fafafa; padding: 24px; border-radius: 8px; margin: 24px 0; }
.section h3 { margin-top: 0; }