*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body { font-family: 'Nunito', sans-serif; background: #FFF8F0; color: #2D2D2D; min-height: 100vh; padding: 2.5rem 1rem 4rem; }

.page-header { text-align: center; margin-bottom: 2.5rem; }

.page-header h1 { font-family: 'Fredoka One', cursive; font-size: 2.4rem; color: #E8450A; letter-spacing: 0.01em; margin-bottom: 0.3rem; }

.page-header p { font-size: 1rem; color: #888; font-weight: 600; }

.faq-list { max-width: 680px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; }

.faq-card { background: #ffffff; border: 1.5px solid #F0E8DE; border-radius: 16px; padding: 1.5rem 1.75rem; }

.faq-label { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #1A7FD4; background: #E6F1FB; display: inline-block; padding: 3px 10px; border-radius: 6px; margin-bottom: 1rem; }

.faq-q { font-size: 17px; font-weight: 800; color: #1A1A1A; margin: 0 0 0.75rem; display: flex; align-items: flex-start; gap: 10px; }

.faq-q i { color: #1A7FD4; font-size: 21px; margin-top: 1px; flex-shrink: 0; }

.faq-a { font-size: 15px; color: #555; line-height: 1.75; margin: 0 0 1rem; padding-left: 31px; }

.callout { border-left: 3px solid; padding: 0.7rem 1rem; margin: 0 0 0.85rem 31px; font-size: 14px; font-weight: 600; display: flex; align-items: flex-start; gap: 9px; line-height: 1.6; }

.callout:last-child { margin-bottom: 0; }

.callout i { font-size: 17px; flex-shrink: 0; margin-top: 1px; }

.callout.success { background: #EAF7F1; border-color: #2ECC71; color: #1A6E42; }

.callout.warning { background: #FFF8E6; border-color: #F5A623; color: #7A5000; }

.callout.tip { background: #EAF3FB; border-color: #1A7FD4; color: #0C4478; }

.callout strong { font-weight: 800; }