*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#faf7f2,#f5f1e8);color:#2d3748;line-height:1.6}.container{max-width:800px;margin:0 auto;padding:0 20px}header{background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,69,0,.1);padding:1rem 0;margin-bottom:2rem}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.5rem;color:#ff4500;text-decoration:none}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.back-link{color:#718096;text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:#ff4500}.hero{text-align:center;padding:3rem 0;background:#fff;border-radius:20px;margin-bottom:3rem;box-shadow:0 10px 30px #0000000d}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:1.3rem;color:#718096;margin-bottom:2rem}.privacy-badges{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:8px;background:#f0f8ff;padding:12px 20px;border-radius:25px;border:2px solid #4CAF50;color:#2e7d32;font-weight:600}.badge-icon{font-size:1.2rem}.content{background:#fff;border-radius:16px;padding:3rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000000d}.content h2{font-size:2rem;margin-bottom:1.5rem;color:#2d3748;display:flex;align-items:center;gap:12px}.content h3{font-size:1.3rem;margin:2rem 0 1rem;color:#4a5568}.content p{margin-bottom:1.5rem;color:#718096;font-size:1.1rem}.content ul{margin:1.5rem 0;padding-left:2rem}.content li{margin-bottom:.8rem;color:#718096}.highlight-box{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:2rem;border-radius:16px;margin:2rem 0}.highlight-box h3{color:#fff;margin-top:0}.highlight-box p{color:#ffffffe6}.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #fdcb6e;padding:1.5rem;border-radius:8px;margin:2rem 0}.warning-box h4{color:#856404;margin-bottom:.5rem}.warning-box p{color:#856404;margin:0}.data-flow{background:#f7fafc;padding:2rem;border-radius:16px;margin:2rem 0}.flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.flow-step{text-align:center;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.flow-step-icon{font-size:3rem;margin-bottom:1rem}.flow-step h4{color:#2d3748;margin-bottom:.5rem}.flow-step p{color:#718096;font-size:.9rem;margin:0}.analytics-section{background:linear-gradient(135deg,#f5ae2c,#e77c17);color:#fff;padding:3rem;border-radius:16px;margin:2rem 0}.analytics-section h3{color:#fff;margin-top:0}.analytics-section p{color:#ffffffe6}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.analytics-card{background:#ffffff1a;padding:1.5rem;border-radius:12px;backdrop-filter:blur(10px)}.analytics-card h4{color:#fff;margin-bottom:1rem}.analytics-card ul{list-style:none;padding:0}.analytics-card li{color:#fffc;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.analytics-card li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.analytics-card.no-data li:before{content:"✗";color:#ff6b6b}.contact-section{background:#2d3748;color:#fff;padding:3rem;border-radius:16px;text-align:center}.contact-section h3{color:#fff;margin-bottom:1rem}.contact-section p{color:#cbd5e0;margin-bottom:2rem}.contact-button{background:#ff4500;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.contact-button:hover{background:#e03d00;transform:translateY(-2px)}@media (max-width: 768px){.hero h1{font-size:2.5rem}.privacy-badges{flex-direction:column;align-items:center}.analytics-grid{grid-template-columns:1fr}.content{padding:2rem}.header-content{flex-direction:column;gap:1rem;text-align:center}}.last-updated{text-align:center;color:#718096;font-style:italic;margin:2rem 0}
