.cookie-policy-page{background-color:var(--bg)} .cookie-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:4rem 0;position:relative;overflow:hidden} .cookie-hero-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-horizontal);position:relative;z-index:2;text-align:center} .cookie-hero h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--white)} .cookie-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} .cookie-content{padding:5rem 0} .cookie-container{max-width:900px;margin:0 auto} .cookie-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)} .cookie-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} .cookie-section h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary);border-radius:2px} .cookie-section h2 svg{width:24px;height:24px;color:var(--primary);flex-shrink:0} .cookie-section p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:var(--text-medium)} .cookie-section ul,.cookie-section ol{margin-bottom:1.5rem;padding-left:1.5rem} .cookie-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.success{background:var(--success-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} .cookie-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)} .cookie-table th{background:var(--primary-light);padding:1rem;text-align:left;font-weight:600;color:var(--text);border-bottom:1px solid var(--border-light)} .cookie-table td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-medium)} .cookie-table tr:last-child td{border-bottom:none} .cookie-category{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600} .cookie-category.essential{background:#F0F9F4;color:#0D6832} .cookie-category.preferences{background:#EFF6FF;color:#1E40AF} .cookie-category.analytics{background:#FEF7CD;color:#92400E} .cookie-category.marketing{background:#FEE2E2;color:#991B1B} .cookie-preferences{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:3rem} .preferences-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem} .preferences-header h2{margin:0;font-size:1.75rem;color:var(--text)} .preferences-header svg{width:28px;height:28px;color:var(--primary)} .preference-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border-light)} .preference-item:last-child{border-bottom:none} .preference-info{flex:1} .preference-info h3{font-size:1.125rem;margin-bottom:0.5rem;color:var(--text)} .preference-info p{font-size:1rem;margin-bottom:0;color:var(--text-light)} .toggle-switch{position:relative;display:inline-block;width:60px;height:30px} .toggle-switch input{opacity:0;width:0;height:0} .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px} .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:50%} input:checked + .toggle-slider{background-color:var(--primary)} input:checked + .toggle-slider:before{transform:translateX(30px)} input:disabled + .toggle-slider{background-color:#e2e8f0;cursor:not-allowed} .preference-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end} .btn{padding:0.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:1rem} .btn-primary{background:var(--primary);color:var(--white)} .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--white)} .btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)} .btn-outline:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-sm)} .cookie-policy-faq{position:relative;border-radius:var(--radius-lg)} .contact-section{text-align:center;padding:3rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:4rem} .contact-section h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text)} .contact-section p{font-size:1.125rem;margin-bottom:2rem;color:var(--text-medium);max-width:600px;margin-left:auto;margin-right:auto} .contact-email{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:var(--primary);color:var(--white);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition)} .contact-email:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)} .contact-email svg{width:20px;height:20px} @media (max-width:768px){.cookie-hero{padding:3rem 0} .cookie-hero h1{font-size:2.25rem} .cookie-hero p{font-size:1.125rem} .cookie-section,.cookie-preferences{padding:2rem} .cookie-section h2{font-size:1.5rem} .cookie-table{display:block;overflow-x:auto} .contact-section{padding:2rem 1rem} .section-title-container h2{font-size:2rem} .preference-item{flex-direction:column;align-items:flex-start;gap:1rem} .preference-actions{justify-content:center} } @media (max-width:480px){.cookie-hero h1{font-size:2rem} .cookie-hero p{font-size:1rem} .cookie-section,.cookie-preferences{padding:1.5rem} .cookie-section h2{font-size:1.25rem} .cookie-section p,.cookie-section li{font-size:1rem} .last-updated{padding:0.5rem 1rem;font-size:0.875rem} } .cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--white);padding:1.5rem;box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:1000;transform:translateY(100%);transition:transform 0.3s ease} .cookie-consent-banner.active{transform:translateY(0)} .consent-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem} .consent-text{flex:1} .consent-text p{margin:0;font-size:0.95rem;color:var(--text-medium)} .consent-actions{display:flex;gap:1rem} .consent-btn{padding:0.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:0.9rem} .consent-btn.accept{background:var(--primary);color:var(--white)} .consent-btn.reject{background:transparent;color:var(--text);border:1px solid var(--border)} .consent-btn.settings{background:transparent;color:var(--primary);border:1px solid var(--primary)} .consent-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)} .legal-basis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0} .basis-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)} .basis-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)} .basis-card svg{width:48px;height:48px;margin-bottom:1rem;color:var(--primary)} .basis-card h4{font-size:1.25rem;margin-bottom:1rem;color:var(--text)} .basis-card p{margin-bottom:0.5rem;color:var(--text-medium)} .basis-card p:last-child{margin-bottom:0} .basis-card p strong{color:var(--text)} .compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:1.5rem 0} .compliance-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem;border-left:0px solid var(--primary)} .compliance-item h4{font-size:1.125rem;margin-bottom:0.75rem;color:var(--text)} .compliance-item p{margin:0;font-size:0.95rem;color:var(--text-medium);line-height:1.5} .browser-instructions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0} .browser-item{background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:0.95rem;line-height:1.4} .browser-item strong{color:var(--text);display:block;margin-bottom:0.25rem} .preference-item.essential{background:var(--primary-extra-light);border-radius:var(--radius-md);padding:1.5rem;margin:0 -0.5rem} .required-badge{display:inline-block;background:var(--primary);color:var(--white);padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;margin-left:0.5rem;vertical-align:middle} .cookie-details{margin-top:0.75rem;padding-left:1.5rem} .cookie-details li{font-size:0.95rem;color:var(--text-light);margin-bottom:0.25rem;position:relative} .cookie-details li::before{content:'•';color:var(--primary);font-weight:bold;position:absolute;left:-1rem} .preferences-note{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:1.5rem;border-left:0px solid var(--primary)} .preferences-note svg{width:20px;height:20px;color:var(--primary);flex-shrink:0} .preferences-note p{margin:0;font-size:0.95rem;color:var(--text-medium)} .cookie-notification{position:fixed;top:20px;right:20px;background:var(--primary);color:var(--white);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1001;display:flex;align-items:center;gap:0.75rem;transform:translateX(120%);transition:transform 0.3s ease;max-width:350px} .cookie-notification.show{transform:translateX(0)} .cookie-notification svg{width:20px;height:20px;flex-shrink:0} .cookie-notification span{font-weight:500;font-size:0.95rem} .response-time{font-size:0.9rem;color:var(--text-light);margin-top:1rem;font-style:italic} .btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)} .btn-secondary:hover{background:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)} @media (max-width:768px){.legal-basis-grid{grid-template-columns:1fr;gap:1rem} .basis-card{padding:1.5rem} .basis-card svg{width:40px;height:40px} .compliance-grid{grid-template-columns:1fr} .browser-instructions{grid-template-columns:1fr} .cookie-notification{right:10px;left:10px;max-width:none;transform:translateY(-100%)} .cookie-notification.show{transform:translateY(0)} .consent-content{flex-direction:column;text-align:center;gap:1rem} .consent-actions{justify-content:center} .preference-actions{flex-direction:column} .preference-actions .btn{width:100%;text-align:center} } @media (max-width:480px){.basis-card{padding:1.25rem} .basis-card h4{font-size:1.125rem} .compliance-item{padding:1.25rem} .preferences-note{flex-direction:column;text-align:center;gap:0.5rem} } @media (prefers-reduced-motion:reduce){.basis-card,.cookie-notification,.btn,.consent-btn,.contact-email{transition:none;transform:none} } @media (prefers-color-scheme:dark){.basis-card{background:var(--bg-secondary);border-color:var(--border-dark)} .compliance-item{background:rgba(255,255,255,0.05)} .browser-item{background:rgba(255,255,255,0.05);border-color:var(--border-dark)} .preference-item.essential{background:rgba(79,70,229,0.1)} .preferences-note{background:rgba(255,255,255,0.05)} .cookie-details li::before{color:var(--primary-light)} } @media print{.cookie-consent-banner,.cookie-notification,.preference-actions,.toggle-switch{display:none !important} .cookie-section,.cookie-preferences{box-shadow:none;border:1px solid #ccc} .highlight-box{background:#f8f9fa !important;border:1px solid #dee2e6} }