.privacy-policy-page{background-color:var(--bg)} .privacy-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:4rem 0;position:relative;overflow:hidden} .privacy-hero-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-horizontal);position:relative;z-index:2;text-align:center} .privacy-hero h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--white)} .privacy-hero p{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:0.95;color:rgba(255,255,255,0.9);max-width:700px;margin-left:auto;margin-right:auto} .last-updated{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);font-size:0.95rem} .last-updated svg{width:18px;height:18px} .privacy-content{padding:5rem 0} .privacy-container{max-width:900px;margin:0 auto} .privacy-section{margin-bottom:3rem;background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light)} .privacy-section h2{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text);display:flex;align-items:center;gap:0.75rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light);position:relative} .privacy-section h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary);border-radius:2px} .privacy-section h2 svg{width:24px;height:24px;color:var(--primary);flex-shrink:0} .privacy-section p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:var(--text-medium)} .privacy-section ul,.privacy-section ol{margin-bottom:1.5rem;padding-left:1.5rem} .privacy-section li{font-size:1.125rem;line-height:1.7;margin-bottom:0.75rem;color:var(--text-medium)} .highlight-box{background:var(--primary-extra-light);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0} .highlight-box.important{background:var(--important-bg)} .highlight-box.warning{background:var(--warning-bg)} .highlight-box h3{font-size:1.125rem;margin-bottom:0.75rem;color:var(--text);display:flex;align-items:center;gap:0.5rem} .highlight-box h3 svg{width:18px;height:18px;flex-shrink:0} .highlight-box p{margin-bottom:0;font-size:1rem} .data-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)} .data-table th{background:var(--primary-light);padding:1rem;text-align:left;font-weight:600;color:var(--text);border-bottom:1px solid var(--border-light)} .data-table td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-medium)} .data-table tr:last-child td{border-bottom:none} .privacy-policy-faq{position:relative;border-radius:var(--radius-lg)} @media (max-width:768px){.privacy-hero{padding:3rem 0} .privacy-hero h1{font-size:2.25rem} .privacy-hero p{font-size:1.125rem} .privacy-section{padding:2rem} .privacy-section h2{font-size:1.5rem} .data-table{display:block;overflow-x:auto} .contact-section{padding:2rem 1rem} .faq-grid{grid-template-columns:1fr} .section-title-container h2{font-size:2rem} } @media (max-width:480px){.privacy-hero h1{font-size:2rem} .privacy-hero p{font-size:1rem} .privacy-section{padding:1.5rem} .privacy-section h2{font-size:1.25rem} .privacy-section p,.privacy-section li{font-size:1rem} .last-updated{padding:0.5rem 1rem;font-size:0.875rem} .faq-header{gap:0.75rem} .faq-icon{width:40px;height:40px} .faq-icon svg{width:20px;height:20px} }