:root{--primary-color: #667eea;--primary-dark: #764ba2;--text-primary: #333333;--text-secondary: #7f8c8d;--text-dark: #2c3e50;--text-light: #ecf0f1;--bg-primary: #ffffff;--border-color: #e1e8ed;--border-error: #e74c3c;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 15px rgba(102, 126, 234, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.form-container{width:100%;max-width:800px;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.form-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-light);padding:var(--spacing-xl);text-align:center}.logo-section{margin-bottom:var(--spacing-lg)}.logo-placeholder{background:#ffffff26;border:2px dashed rgba(255,255,255,.3);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:inline-block}.logo-text{font-size:18px;font-weight:600;margin:5px 0;color:#fff}.logo-subtext{font-size:14px;opacity:.8;margin:0;color:#fff}.form-title{font-size:2.5rem;font-weight:700;margin:20px 0 8px;color:#fff}.form-subtitle{font-size:1.1rem;opacity:.9;margin:0;color:#fff}.progress-indicator{display:flex;align-items:center;gap:15px;margin-top:20px}.progress-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#fff;border-radius:4px;width:20%;transition:width .3s ease}.progress-text{font-size:14px;font-weight:500;color:#fff}.form-content{padding:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-xxl)}.section-title{font-size:1.3rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-lg);padding-bottom:10px;border-bottom:2px solid #f1f3f4;display:flex;align-items:center;gap:8px}.section-icon{color:var(--primary-color)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:.95rem}.label-icon{color:var(--primary-color)}.required{color:var(--border-error)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius-md);font-size:1rem;transition:all .3s ease;background-color:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:var(--border-error);box-shadow:0 0 0 3px #e74c3c1a}.error-message{color:var(--border-error);font-size:.85rem;margin-top:4px;display:block}.helper-text{font-size:.9rem;color:var(--text-secondary);margin-top:8px;font-style:italic}.button-group{display:flex;gap:10px;flex-wrap:wrap}.select-button{padding:10px 20px;border:2px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.select-button:hover{border-color:var(--primary-color);background:#f8f9ff}.select-button.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.next-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:14px 28px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-primary)}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}@media (min-width: 1024px){.form-container{max-width:900px}.form-header,.form-content{padding:48px}}@media (max-width: 767px){#root{align-items:flex-start;padding:10px}.form-container{margin:0}.form-header,.form-content{padding:20px}.form-row{grid-template-columns:1fr}.form-title{font-size:2rem}.button-group{flex-direction:column}.select-button{width:100%}}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);gap:16px}.prev-button{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);padding:14px 28px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-family:var(--font-family)}.prev-button:hover{background:#f8f9fa;color:var(--text-primary);border-color:var(--primary-color)}.prev-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:14px 28px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #27ae604d;font-family:var(--font-family)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #27ae6066}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.review-section{background:#f8f9fa;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.review-title{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-md);border-bottom:1px solid #dee2e6;padding-bottom:8px}.review-item{margin-bottom:8px;line-height:1.5}.review-item strong{color:var(--text-dark);margin-right:8px}.consent-section{background:#f0f8ff;border:2px solid #e3f2fd;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;line-height:1.5}.consent-checkbox{margin-top:2px;width:18px;height:18px;cursor:pointer}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}textarea.form-input{resize:vertical;min-height:100px;font-family:var(--font-family)}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}@media (max-width: 767px){.form-actions{flex-direction:column;gap:12px}.prev-button,.next-button,.submit-button{width:100%;justify-content:center}}.logo-placeholder{background:transparent;border:none;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.logo-placeholder img{max-height:60px;max-width:200px;width:auto;height:auto;object-fit:contain}@media (max-width: 767px){.logo-placeholder img{max-height:45px;max-width:150px}}@media (min-width: 1024px){.logo-placeholder img{max-height:80px;max-width:250px}}.language-switcher{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.language-icon{color:#fff;opacity:.8}.lang-button{background:none;border:none;color:#fff;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:12px;transition:all .2s ease;opacity:.7}.lang-button:hover{opacity:1;background:#ffffff1a}.lang-button.active{opacity:1;background:#fff3;color:#fff}.lang-separator{color:#fff;opacity:.5;font-size:12px}.form-header{position:relative}@media (max-width: 767px){.language-switcher{top:10px;right:10px;padding:6px 10px}.lang-button{font-size:11px;padding:3px 6px}}.section-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.5;font-style:italic}.questions-container{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background:var(--border-color)}.question-row{display:grid;grid-template-columns:1fr 2fr;background:var(--bg-primary);min-height:50px;align-items:center}.question-label{padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-medium);color:var(--text-dark);border-right:1px solid var(--border-color);background:#f8f9fa}.question-options{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.radio-option{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-right:1px solid var(--border-color);position:relative;cursor:pointer;transition:background-color .2s ease}.radio-option:last-child{border-right:none}.radio-option:hover{background:#f0f8ff}.radio-input{appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease;margin:0}.radio-input:checked{border-color:var(--primary-color);background:var(--primary-color)}.radio-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.radio-input:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.radio-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0}.radio-input:checked+.radio-label{color:var(--primary-color);font-weight:var(--font-weight-semibold)}@media (max-width: 767px){.question-row{grid-template-columns:1fr;min-height:auto}.question-label{border-right:none;border-bottom:1px solid var(--border-color);text-align:center;padding:var(--spacing-md)}.question-options{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color)}.radio-option{padding:var(--spacing-sm)}.radio-label{font-size:.75rem}.radio-input{width:16px;height:16px}.radio-input:checked:after{width:6px;height:6px}}@media (min-width: 768px) and (max-width: 1023px){.question-row{grid-template-columns:1.2fr 1.8fr}.question-label{font-size:.9rem}.radio-label{font-size:.8rem}}.conditions-container{margin-top:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-primary)}.conditions-header{display:grid;grid-template-columns:1fr 2fr;background:#f8f9fa;border-bottom:2px solid var(--border-color);min-height:50px;align-items:center}.condition-label-column{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;color:var(--text-dark);border-right:1px solid var(--border-color)}.condition-options-header{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.option-header{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);font-weight:600;color:var(--text-secondary);font-size:.9rem;text-align:center;border-right:1px solid var(--border-color);background:#f8f9fa}.conditions-list{max-height:500px;overflow-y:auto;background:var(--border-color)}.condition-row{display:grid;grid-template-columns:1fr 2fr;background:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:50px;align-items:center}.condition-row:last-child{border-bottom:none}.condition-row:hover{background:#f8f9fa}.condition-name{padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem;color:var(--text-dark);font-weight:500;border-right:1px solid var(--border-color)}.condition-options{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.condition-option{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-right:1px solid var(--border-color);position:relative;cursor:pointer;transition:background-color .2s ease}.condition-option:last-child{border-right:none}.condition-option:hover{background:#f0f8ff}.condition-radio{appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease;margin:0}.condition-radio:checked{border-color:var(--primary-color);background:var(--primary-color)}.condition-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.condition-radio:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}@media (max-width: 767px){.conditions-header{grid-template-columns:1fr}.condition-label-column{border-right:none;border-bottom:1px solid var(--border-color);text-align:center;background:#e9ecef}.condition-options-header{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color)}.option-header{font-size:.8rem;padding:var(--spacing-sm)}.condition-row{grid-template-columns:1fr}.condition-name{border-right:none;border-bottom:1px solid var(--border-color);text-align:center;font-size:.9rem;background:#f8f9fa}.condition-options{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color)}.condition-option{padding:var(--spacing-sm)}.condition-radio{width:16px;height:16px}.condition-radio:checked:after{width:6px;height:6px}.conditions-list{max-height:400px}}@media (min-width: 768px) and (max-width: 1023px){.conditions-header,.condition-row{grid-template-columns:1.2fr 1.8fr}.condition-name{font-size:.9rem}.option-header{font-size:.85rem}}.medications-container{margin-top:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-primary)}.medications-header{display:grid;grid-template-columns:1fr auto;background:#f8f9fa;border-bottom:2px solid var(--border-color);min-height:50px;align-items:center}.medication-label-column{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;color:var(--text-dark)}.medication-options-header{display:flex;gap:60px;padding:var(--spacing-md) var(--spacing-lg);align-items:center}.medications-list{background:var(--border-color)}.medication-row{display:grid;grid-template-columns:1fr auto;background:var(--bg-primary);border-bottom:1px solid var(--border-color);min-height:60px;align-items:center}.medication-row:last-child{border-bottom:none}.medication-row:hover{background:#f8f9fa}.medication-name{padding:var(--spacing-md) var(--spacing-lg);font-size:.95rem;color:var(--text-dark);font-weight:500}.medication-options{display:flex;gap:60px;padding:var(--spacing-md) var(--spacing-lg);align-items:center}.medication-option{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.medication-radio{appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease;margin:0}.medication-radio:checked{border-color:var(--primary-color);background:var(--primary-color)}.medication-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.medication-radio:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.radio-label-text{font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.medication-radio:checked+.radio-label-text{color:var(--primary-color);font-weight:600}@media (max-width: 767px){.medications-header{grid-template-columns:1fr;text-align:center}.medication-label-column{border-bottom:1px solid var(--border-color);background:#e9ecef}.medication-options-header{gap:40px;justify-content:center;border-top:1px solid var(--border-color)}.medication-row{grid-template-columns:1fr;text-align:center}.medication-name{border-bottom:1px solid var(--border-color);background:#f8f9fa}.medication-options{gap:40px;justify-content:center;border-top:1px solid var(--border-color)}}.finalize-field{margin-bottom:var(--spacing-lg)}.field-label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.finalize-textarea{min-height:80px;resize:vertical;font-family:var(--font-family)}.field-helper{font-size:.85rem;color:var(--text-secondary);margin-top:6px;line-height:1.4;font-style:italic}.consent-section{background:#f0f8ff;border:1px solid #e3f2fd;border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.consent-section:last-child{margin-bottom:0}.consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.9rem;line-height:1.5}.consent-checkbox{margin-top:2px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.consent-text{color:var(--text-dark);flex:1}.submit-button:disabled{opacity:.6;cursor:not-allowed;background:#ccc}.submit-button:disabled:hover{transform:none;box-shadow:none}@media (max-width: 767px){.finalize-field{margin-bottom:var(--spacing-md)}.field-label{font-size:.8rem}.consent-section{padding:var(--spacing-sm)}.consent-label{font-size:.85rem;gap:10px}.consent-checkbox{width:16px;height:16px}}.completion-details{text-align:center;margin:var(--spacing-xl) 0}.completion-icon{margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.document-icon{position:relative;color:#6c757d}.check-badge{position:absolute;bottom:-8px;right:-8px;background:#28a745;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:3px solid white}.completion-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0 0 var(--spacing-md) 0}.completion-description{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.page-container{min-height:100vh;position:relative;overflow-x:hidden}.fade-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-out{animation:fadeOutDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}html{scroll-behavior:smooth}.slide-in{animation:slideIn .5s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.fade-in,.fade-out,.slide-in{animation:none}html{scroll-behavior:auto}}.required-asterisk{color:#e74c3c;font-weight:700;font-size:1.1rem;transition:opacity .3s ease}.questions-header{display:grid;grid-template-columns:1fr 2fr;background:#f8f9fa;border-bottom:2px solid var(--border-color);min-height:50px;align-items:center;position:sticky;top:0;z-index:10}.question-label-header{padding:var(--spacing-md) var(--spacing-lg);font-weight:600;color:var(--text-dark);border-right:1px solid var(--border-color);font-size:.9rem}.question-options-header{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.option-header{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-align:center;border-right:1px solid var(--border-color);background:#f8f9fa}.option-header:last-child{border-right:none}.questions-list{max-height:400px;overflow-y:auto;background:var(--border-color)}.question-row.highlight-required{background-color:#ef44441a;border-left:3px solid #ef4444;animation:highlightPulse 2s ease-in-out;transition:all .3s ease}.question-row.question-empty{border-left:2px solid transparent;transition:border-left .3s ease}.question-row.question-empty:hover{border-left:2px solid #d1d5db}@keyframes highlightPulse{0%,to{background-color:#ef44441a}50%{background-color:#ef444433}}.completion-feedback{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg);text-align:center}.completion-text{color:#1e40af;font-size:.875rem;font-weight:500;margin:0}.radio-option:hover{background:#f0f8ff;transform:scale(1.02);transition:all .2s ease}.radio-input:focus{outline:2px solid var(--primary-color);outline-offset:2px}.radio-input:focus+.radio-label{color:var(--primary-color);font-weight:600}.radio-input:checked+.radio-label{color:var(--primary-color);font-weight:600;text-shadow:0 0 1px rgba(102,126,234,.3)}@media (max-width: 767px){.questions-header{grid-template-columns:1fr}.question-label-header{border-right:none;border-bottom:1px solid var(--border-color);text-align:center;background:#e9ecef;font-size:.8rem;padding:var(--spacing-sm)}.question-options-header{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color)}.option-header{font-size:.75rem;padding:var(--spacing-sm)}.question-row{grid-template-columns:1fr}.question-label{border-right:none;border-bottom:1px solid var(--border-color);text-align:center;font-size:.85rem;background:#f8f9fa;padding:var(--spacing-sm) var(--spacing-md)}.question-options{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color)}.radio-option{padding:var(--spacing-sm);flex-direction:column;gap:4px}.radio-input{width:16px;height:16px}.radio-input:checked:after{width:6px;height:6px}.radio-label{font-size:.7rem;position:static;margin-top:2px}.questions-list{max-height:350px}.completion-feedback{padding:var(--spacing-sm);margin-top:var(--spacing-md)}.completion-text{font-size:.8rem}}@media (min-width: 768px) and (max-width: 1023px){.questions-header,.question-row{grid-template-columns:1.2fr 1.8fr}.question-label{font-size:.9rem}.option-header,.radio-label{font-size:.8rem}}.radio-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.question-row,.radio-option,.radio-input,.radio-label{transition:all .2s ease}.questions-container{overflow-x:hidden}.question-row.has-error{border-left:3px solid #ef4444;background-color:#ef44440d}.question-row.has-error .question-label{color:#dc2626}.question-row.loading{opacity:.6;pointer-events:none}.form-section+.form-section{margin-top:calc(var(--spacing-xxl) * 1.5);border-top:1px solid #f1f3f4;padding-top:var(--spacing-xl)}.section-title{position:relative}.section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:3px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:2px}:root{--cookie-primary: #667eea;--cookie-primary-dark: #764ba2;--cookie-secondary: #6b7280;--cookie-success: #10b981;--cookie-warning: #f59e0b;--cookie-error: #ef4444;--cookie-text-primary: #1f2937;--cookie-text-secondary: #6b7280;--cookie-text-light: #ffffff;--cookie-bg-primary: #ffffff;--cookie-bg-secondary: #f9fafb;--cookie-bg-dark: rgba(0, 0, 0, .5);--cookie-border: #e5e7eb;--cookie-border-dark: #d1d5db;--cookie-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--cookie-shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .25);--cookie-radius: 16px;--cookie-radius-sm: 8px;--cookie-spacing: 1rem;--cookie-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.cookie-backdrop{position:fixed;inset:0;background:var(--cookie-bg-dark);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:fadeIn .3s ease-out}.cookie-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);max-width:600px;width:calc(100vw - 2rem);background:var(--cookie-bg-primary);border-radius:var(--cookie-radius);box-shadow:var(--cookie-shadow-lg);z-index:9999;font-family:var(--cookie-font-family);border:1px solid var(--cookie-border);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.cookie-banner-container{padding:1.5rem}.cookie-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.cookie-icon-wrapper{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--cookie-primary) 0%,var(--cookie-primary-dark) 100%);border-radius:var(--cookie-radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.cookie-icon{color:var(--cookie-text-light)}.cookie-title{flex:1;font-size:1.25rem;font-weight:700;color:var(--cookie-text-primary);margin:0;line-height:1.3}.cookie-close{flex-shrink:0;background:transparent;border:none;color:var(--cookie-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--cookie-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cookie-close:hover{background:var(--cookie-bg-secondary);color:var(--cookie-text-primary)}.cookie-content{margin-bottom:1.5rem}.cookie-description{color:var(--cookie-text-secondary);line-height:1.6;margin:0 0 1rem;font-size:.95rem}.cookie-types-preview{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.cookie-type-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--cookie-bg-secondary);border-radius:var(--cookie-radius-sm);font-size:.875rem;color:var(--cookie-text-secondary);border:1px solid var(--cookie-border)}.cookie-type-item svg{flex-shrink:0;color:var(--cookie-primary)}.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.cookie-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--cookie-radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid transparent;text-decoration:none;font-family:inherit;min-height:44px;white-space:nowrap}.cookie-btn-primary{background:linear-gradient(135deg,var(--cookie-primary) 0%,var(--cookie-primary-dark) 100%);color:var(--cookie-text-light);box-shadow:0 4px 12px #667eea4d}.cookie-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cookie-btn-secondary{background:var(--cookie-bg-secondary);color:var(--cookie-text-primary);border-color:var(--cookie-border)}.cookie-btn-secondary:hover{background:var(--cookie-border);border-color:var(--cookie-border-dark)}.cookie-btn-outline{background:transparent;color:var(--cookie-primary);border-color:var(--cookie-primary)}.cookie-btn-outline:hover{background:var(--cookie-primary);color:var(--cookie-text-light)}.cookie-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--cookie-border)}.cookie-learn-more{color:var(--cookie-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.cookie-learn-more:hover{color:var(--cookie-primary-dark);text-decoration:underline}.cookie-settings-backdrop{position:fixed;inset:0;background:var(--cookie-bg-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .3s ease-out}.cookie-settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:700px;width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);background:var(--cookie-bg-primary);border-radius:var(--cookie-radius);box-shadow:var(--cookie-shadow-lg);z-index:10001;font-family:var(--cookie-font-family);border:1px solid var(--cookie-border);animation:scaleIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.cookie-settings-container{display:flex;flex-direction:column;height:100%}.cookie-settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--cookie-border);flex-shrink:0}.cookie-settings-title{font-size:1.5rem;font-weight:700;color:var(--cookie-text-primary);margin:0}.cookie-settings-close{background:transparent;border:none;color:var(--cookie-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--cookie-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cookie-settings-close:hover{background:var(--cookie-bg-secondary);color:var(--cookie-text-primary)}.cookie-settings-content{flex:1;padding:1.5rem;overflow-y:auto}.cookie-settings-description{color:var(--cookie-text-secondary);line-height:1.6;margin:0 0 1.5rem;font-size:.95rem}.cookie-categories{display:flex;flex-direction:column;gap:1rem}.cookie-category{border:1px solid var(--cookie-border);border-radius:var(--cookie-radius-sm);padding:1.25rem;background:var(--cookie-bg-primary);transition:all .2s ease}.cookie-category:hover{border-color:var(--cookie-border-dark);box-shadow:0 4px 12px #0000000d}.cookie-category-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.cookie-category-info{display:flex;gap:1rem;flex:1}.cookie-category-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--cookie-radius-sm);display:flex;align-items:center;justify-content:center}.cookie-category-text{flex:1}.cookie-category-title{font-size:1.1rem;font-weight:600;color:var(--cookie-text-primary);margin:0 0 .5rem}.cookie-category-description{color:var(--cookie-text-secondary);line-height:1.5;margin:0;font-size:.9rem}.cookie-category-examples{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--cookie-bg-secondary);border-radius:var(--cookie-radius-sm);font-size:.85rem;color:var(--cookie-text-secondary);border:1px solid var(--cookie-border)}.cookie-category-examples svg{flex-shrink:0;color:var(--cookie-primary)}.cookie-category-toggle{flex-shrink:0}.cookie-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.cookie-toggle-input{position:absolute;opacity:0;pointer-events:none}.cookie-toggle-slider{position:relative;width:52px;height:28px;background:var(--cookie-border-dark);border-radius:14px;transition:all .3s ease;border:2px solid transparent}.cookie-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.cookie-toggle-input:checked+.cookie-toggle-slider{background:var(--cookie-primary)}.cookie-toggle-input:checked+.cookie-toggle-slider:before{transform:translate(24px)}.cookie-toggle-label{font-size:.9rem;font-weight:500;color:var(--cookie-text-secondary);min-width:60px}.cookie-toggle-input:checked~.cookie-toggle-label{color:var(--cookie-primary)}.cookie-toggle-always-active{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#10b9811a;color:var(--cookie-success);border-radius:var(--cookie-radius-sm);font-size:.875rem;font-weight:500;border:1px solid rgba(16,185,129,.2)}.cookie-settings-actions{padding:1.5rem;border-top:1px solid var(--cookie-border);background:var(--cookie-bg-secondary);display:flex;gap:1rem;flex-shrink:0}.cookie-settings-actions .cookie-btn{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.cookie-banner{bottom:1rem;width:calc(100vw - 1rem)}.cookie-banner-container{padding:1rem}.cookie-header{gap:.75rem}.cookie-title{font-size:1.1rem}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;justify-content:center}.cookie-types-preview{gap:.5rem}.cookie-type-item{font-size:.8rem;padding:.4rem .6rem}.cookie-settings{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.cookie-settings-header{padding:1rem}.cookie-settings-title{font-size:1.25rem}.cookie-settings-content,.cookie-category{padding:1rem}.cookie-category-header{flex-direction:column;align-items:flex-start;gap:1rem}.cookie-category-toggle{align-self:flex-end}.cookie-settings-actions{padding:1rem;flex-direction:column}}@media (max-width: 480px){.cookie-banner{bottom:0;left:0;right:0;transform:none;width:100%;border-radius:var(--cookie-radius) var(--cookie-radius) 0 0}.cookie-icon-wrapper{width:40px;height:40px}.cookie-icon{width:20px;height:20px}.cookie-settings{width:100vw;height:100vh;max-height:100vh;border-radius:0;top:0;left:0;transform:none}}@media (prefers-color-scheme: dark){:root{--cookie-text-primary: #f9fafb;--cookie-text-secondary: #d1d5db;--cookie-bg-primary: #1f2937;--cookie-bg-secondary: #374151;--cookie-border: #4b5563;--cookie-border-dark: #6b7280}.cookie-toggle-slider:before{background:#f3f4f6}}@media (prefers-reduced-motion: reduce){.cookie-banner,.cookie-settings,.cookie-backdrop,.cookie-settings-backdrop{animation:none}.cookie-btn,.cookie-toggle-slider,.cookie-toggle-slider:before{transition:none}}.cookie-btn:focus,.cookie-close:focus,.cookie-settings-close:focus,.cookie-toggle:focus-within{outline:2px solid var(--cookie-primary);outline-offset:2px}.cookie-learn-more:focus{outline:2px solid var(--cookie-primary);outline-offset:2px;border-radius:2px}.cookie-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cookie-banner{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width: 768px){.cookie-banner{inset:auto 0 0;display:flex;align-items:flex-end;justify-content:center;padding:1rem}.cookie-banner-container{width:100%;max-width:100%;margin:0}}@media (min-width: 769px){.cookie-banner{display:flex;align-items:center;justify-content:center;padding:2rem}.cookie-banner-container{max-width:600px;width:100%}}.cookie-btn{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.cookie-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.cookie-btn:active{transform:translateY(0);transition-duration:.1s}.cookie-type-item{will-change:transform,opacity}.cookie-icon{will-change:transform}.cookie-close{transition:all .2s ease-out;will-change:transform}.cookie-close:hover{transform:scale(1.1);background-color:#0000001a;border-radius:50%}.cookie-close:active{transform:scale(.95)}.cookie-learn-more{transition:all .2s ease-out;position:relative}.cookie-learn-more:hover{transform:translateY(-1px)}.cookie-learn-more:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease-out}.cookie-learn-more:hover:after{width:100%}@media (prefers-reduced-motion: reduce){.cookie-banner,.cookie-backdrop,.cookie-banner-container,.cookie-header,.cookie-content,.cookie-actions,.cookie-footer,.cookie-type-item,.cookie-btn,.cookie-icon{transition:none!important;animation:none!important}}