/* ==== Modern Policy Page Style ==== */ .policy-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 1250px; margin: 0 auto; padding: 60px 75px; color: #333; background: #fff; line-height: 1.7; } .policy-container h1 { font-size: 36px; color: #000; font-weight: 700; margin-bottom: 10px; text-align: center; } .policy-container .updated-date { text-align: center; color: #888; font-size: 15px; margin-bottom: 40px; } .policy-section { background: #fafafa; border-radius: 16px; padding: 35px 40px; margin-bottom: 30px; border: 1px solid #eee; transition: all 0.3s ease; } .policy-section:hover { background: #f2f4ff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06); transform: translateY(-2px); } .policy-section h2 { font-size: 22px; color: #111; font-weight: 600; display: flex; align-items: center; gap: 10px; margin-bottom: 15px; } .policy-section p { font-size: 15px; color: #555; margin-bottom: 15px; } .policy-section i { color: #0041ff; font-size: 18px; } .highlight-box { background: linear-gradient(135deg, #0041ff, #00a2ff); color: #fff; padding: 18px 25px; border-radius: 10px; margin-top: 20px; font-weight: 500; display: flex; align-items: center; gap: 10px; } .highlight-box i { color: #fff; } .policy-note { background: linear-gradient(135deg, #0041ff, #00a2ff); color: #fff; border-radius: 10px; padding: 20px 25px; margin-top: 30px; font-size: 15px; line-height: 1.6; } .policy-note i { color: #fff; margin-right: 8px; } @media (max-width: 768px) { .policy-container { padding: 40px 25px; } .policy-section { padding: 25px 20px; } .policy-container h1 { font-size: 28px; } }