.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--brand:#3b82f6;--brand-dark:#2563eb;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--bg-light:#f3f4f6;--bg-secondary:#f9fafb}.breadcrumb{margin-bottom:30px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.breadcrumb a{color:var(--brand);text-decoration:none;transition:color 0.2s ease;font-size:0.95rem}.breadcrumb a:hover{color:var(--brand-dark)}.breadcrumb .separator{color:var(--text-light);opacity:0.5;font-size:0.95rem}.breadcrumb .current{color:var(--text);font-weight:500;font-size:0.95rem}@media (max-width:480px){.breadcrumb{margin-bottom:20px;font-size:0.9rem}}.demarche-details-section{padding:10px 0;min-height:calc(100vh - 200px)}.breadcrumb{margin-bottom:30px;font-size:0.9rem;color:var(--text-light)}.breadcrumb a{color:var(--brand);text-decoration:none;transition:color 0.3s ease}.breadcrumb a:hover{color:var(--brand-dark)}.breadcrumb span{margin:0 8px;color:var(--text-light)}.breadcrumb-bottom{margin-bottom:0;margin-top:24px;padding:16px 0;border-top:1px solid var(--border);text-align:center}.demarche-header{text-align:center;margin-bottom:24px}.demarche-title{font-size:2.5rem;color:var(--text);margin-bottom:16px;font-weight:700;line-height:1.2}.prefecture-subtitle{display:block;font-size:0.6em;color:var(--text-light);font-weight:400;margin-top:8px}.demarche-description{max-width:800px;margin:0 auto;padding:20px;background:var(--bg-light);border-radius:12px;border-left:4px solid var(--brand)}.demarche-description p{margin:0;color:var(--text);line-height:1.6;font-size:1.1rem}.demarche-info{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto;width:100%}.cta-card{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:100%;transition:all 0.3s ease}.cta-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.cta-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid var(--brand);position:relative;overflow:hidden;text-align:center}.cta-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-dark) 100%)}.cta-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.cta-content{margin-bottom:20px}.cta-content h3{color:var(--text);font-size:1.6rem;font-weight:700;margin:0 0 12px 0;line-height:1.3}.cta-content p{color:var(--text-light);font-size:1rem;margin:0;line-height:1.5;max-width:400px;margin:0 auto}.cta-benefits{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:0.9rem;color:var(--text-light)}.benefit-icon{font-size:1.2rem}.action-buttons{display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 0}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background:var(--brand);color:white}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-primary.btn-large{padding:20px 40px;font-size:1.2rem;width:100%;max-width:400px;margin:0 auto;display:block;position:relative;overflow:hidden;background:linear-gradient(45deg,var(--brand) 0%,var(--brand-dark) 100%);box-shadow:0 4px 15px rgba(0,0,0,0.1);border:none;color:white}.btn-primary.btn-large:hover{background:linear-gradient(45deg,#1a4a7a 0%,#2c5aa0 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15);color:white}.text-link{display:inline-block;color:var(--text-light);text-decoration:none;font-size:0.9rem;margin-top:8px;transition:all 0.3s ease}.text-link:hover{color:var(--brand);transform:translateX(4px)}.demarche-url-display{margin-top:2px;text-align:center}.demarche-url-display small{color:var(--text-light);font-size:0.8rem;background:var(--bg-light);padding:4px 8px;border-radius:4px;border:1px solid var(--border);word-break:break-all;display:inline-block;max-width:100%;box-sizing:border-box}.demarche-content-section{margin-top:24px;max-width:1000px;margin-left:auto;margin-right:auto}.content-card{background:white;border:1px solid var(--border);border-radius:12px;padding:40px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.content-card h2{color:var(--text);margin:0 0 30px;font-size:1.8rem;font-weight:600;text-align:center}.content-html{margin-top:15px;color:var(--text);line-height:1.6}.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{margin:1.5em 0 0.8em;color:var(--text);font-weight:600}.content-html h1{font-size:1.8rem}.content-html h2{font-size:1.5rem}.content-html h3{font-size:1.3rem}.content-html h4{font-size:1.1rem}.content-html h5,.content-html h6{font-size:1rem}.content-html p{margin:0 0 1em}.content-html ul,.content-html ol{margin:1em 0;padding-left:2em}.content-html li{margin:0.5em 0}.content-html a{color:var(--brand);text-decoration:none;transition:color 0.3s ease}.content-html a:hover{color:var(--brand-dark);text-decoration:underline}.content-html img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.content-html table{width:100%;border-collapse:collapse;margin:1em 0}.content-html th,.content-html td{padding:8px 12px;border:1px solid var(--border);text-align:left}.content-html th{background:var(--bg-light);font-weight:600}@media (max-width:768px){.demarche-content-section{margin-top:16px}.content-card{padding:20px}.content-card h2{font-size:1.4rem;margin-bottom:20px}.demarche-details-section{padding:0px 16px}.demarche-title{font-size:1.8rem}.prefecture-subtitle{font-size:0.8em}.demarche-info{gap:16px;padding:0 16px}.cta-card{padding:24px;border-radius:12px}.cta-benefits{flex-direction:column;gap:16px}.benefit-item{flex-direction:row;justify-content:center;gap:12px}.cta-content h3{font-size:1.4rem}.cta-icon{font-size:2.5rem}.demarche-description{padding:16px;margin:0 16px}.demarche-description p{font-size:1rem}.action-buttons{gap:12px}.breadcrumb-bottom{margin-top:24px;padding:16px 0}}@media (max-width:480px){.demarche-title{font-size:1.8rem}.cta-card{padding:20px}.cta-content h3{font-size:1.3rem}.cta-benefits{gap:12px}.benefit-item{font-size:0.85rem}.btn{padding:10px 20px;font-size:0.9rem}.btn-primary.btn-large{padding:16px 24px;font-size:1.1rem;max-width:100%}}.logs-section{margin-top:40px}.logs-section-full-width{max-width:1000px;margin-left:auto;margin-right:auto}.logs-card{background:var(--white);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;border:1px solid var(--border)}.logs-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logs-header h2{margin:0;font-size:1.4rem;font-weight:600}.logs-status{display:flex;align-items:center;gap:12px;font-size:0.9rem}.status-indicator{padding:4px 8px;border-radius:6px;font-weight:500;font-size:0.85rem}.status-indicator.success{background:rgba(34,197,94,0.2);color:#22c55e}.status-indicator.error{background:rgba(239,68,68,0.2);color:#ef4444}.status-indicator.loading{background:rgba(59,130,246,0.2);color:#3b82f6}.last-update{color:rgba(255,255,255,0.8);font-size:0.8rem}.logs-content{padding:24px;max-height:500px;overflow-y:auto}.loading-logs{text-align:center;padding:40px 20px;color:var(--text-light)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--brand);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.no-logs{text-align:center;padding:40px 20px;color:var(--text-light)}.no-logs p{font-size:1.1rem;margin-bottom:8px}.no-logs small{font-size:0.9rem;opacity:0.8}.log-item{border:1px solid var(--border);border-radius:6px;margin-bottom:8px;padding:10px;transition:all 0.3s ease;background:var(--white)}.log-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-1px)}.log-item.log-success{border-left:4px solid #22c55e;background:linear-gradient(90deg,rgba(34,197,94,0.05) 0%,transparent 100%)}.log-item.log-warning{border-left:4px solid #f59e0b;background:linear-gradient(90deg,rgba(245,158,11,0.05) 0%,transparent 100%)}.log-item.log-error{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,0.05) 0%,transparent 100%)}.log-item.log-info{border-left:4px solid #3b82f6;background:linear-gradient(90deg,rgba(59,130,246,0.05) 0%,transparent 100%)}.log-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.log-icon{font-size:1rem}.log-status{font-weight:600;color:var(--text);flex:1;min-width:120px;font-size:0.9rem}.log-time{color:var(--text-light);font-size:0.8rem;font-weight:500}.log-subtype{font-size:0.8rem;color:var(--text-light);margin-bottom:3px;font-style:italic}.log-message{font-size:0.85rem;color:var(--text);margin-bottom:3px;line-height:1.3}.log-provider{font-size:0.75rem;color:var(--text-light);font-weight:500}.log-screenshot{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.log-screenshot a{display:inline-flex;align-items:center;gap:4px;color:var(--brand);text-decoration:none;font-size:0.8rem;font-weight:500;transition:all 0.3s ease;padding:4px 8px;border:1px solid var(--brand);border-radius:4px;background:rgba(var(--brand-rgb),0.05)}.log-screenshot a:hover{background:var(--brand);color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--brand-rgb),0.3)}.screenshot-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);backdrop-filter:blur(4px);align-items:center;justify-content:center;animation:fadeIn 0.3s ease-out}.screenshot-modal-content{position:relative;max-width:90vw;max-height:90vh;background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3);overflow:hidden;animation:slideInScale 0.3s ease-out;display:flex;flex-direction:column}.screenshot-header{padding:20px 20px 15px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.screenshot-header h3{margin:0 0 8px 0;font-size:1.25rem;font-weight:600;color:var(--text)}.screenshot-meta{display:flex;gap:16px;flex-wrap:wrap}.screenshot-date{font-size:0.9rem;color:var(--text-light);font-weight:500}.screenshot-time{font-size:0.9rem;color:var(--brand);font-weight:600;background:rgba(var(--brand-rgb),0.1);padding:2px 8px;border-radius:4px}.screenshot-img{width:100%;height:auto;max-height:calc(90vh - 100px);object-fit:contain;display:block;flex:1}.screenshot-close{position:absolute;top:15px;right:20px;color:white;font-size:2rem;font-weight:bold;cursor:pointer;z-index:1001;background:rgba(0,0,0,0.5);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;backdrop-filter:blur(4px)}.screenshot-close:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInScale{from{opacity:0;transform:scale(0.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.log-item.new-log{animation:slideInFromTop 0.5s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:768px){.logs-header{flex-direction:column;align-items:flex-start;gap:8px}.logs-header h2{font-size:1.2rem}.logs-status{flex-direction:column;align-items:flex-start;gap:4px}.logs-content{padding:12px}.log-item{padding:8px;margin-bottom:6px;border-radius:4px}.log-header{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:4px}.log-icon{font-size:0.9rem}.log-status{min-width:auto;font-size:0.85rem}.log-time{font-size:0.75rem}.log-subtype{font-size:0.75rem;margin-bottom:2px}.log-message{font-size:0.8rem;margin-bottom:2px;line-height:1.2}.log-provider{font-size:0.7rem}.log-screenshot{margin-top:4px;padding-top:4px}.log-screenshot a{font-size:0.75rem;padding:3px 6px;gap:3px}.screenshot-modal-content{max-width:95vw;max-height:95vh;margin:10px}.screenshot-header{padding:15px 15px 10px 15px}.screenshot-header h3{font-size:1.1rem}.screenshot-meta{gap:12px}.screenshot-date,.screenshot-time{font-size:0.85rem}.screenshot-close{top:10px;right:15px;width:35px;height:35px;font-size:1.5rem}}.related-demarches-section{margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}.related-demarches-card{background:white;border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.related-demarches-card h2{color:var(--text);margin:0 0 25px;font-size:1.6rem;font-weight:600;text-align:center}.related-demarches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.related-demarche-card{background:#f8f9fa;border:1px solid var(--border);border-radius:10px;padding:18px;text-decoration:none;transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:flex-start;min-height:90px;position:relative}.related-demarche-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:10px 10px 0 0;opacity:0;transition:opacity 0.3s ease}.related-demarche-card:hover::before{opacity:1}.related-demarche-content{flex:1;margin-right:12px;min-width:0;overflow:hidden}.related-demarche-card h3{color:var(--text);margin:0 0 6px;font-size:1rem;font-weight:600;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.related-prefecture-name{color:var(--text-light);margin:0;font-size:0.85rem;font-weight:500;opacity:0.8}.related-demarche-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.1);border-color:var(--brand);background:white}.related-demarche-arrow{color:var(--brand);font-size:1.2rem;opacity:0.5;transition:all 0.3s ease;flex-shrink:0}.related-demarche-card:hover .related-demarche-arrow{opacity:1;transform:translateX(3px)}@media (max-width:768px){.related-demarches-section{margin-top:30px}.related-demarches-card{padding:25px}.related-demarches-card h2{font-size:1.4rem;margin-bottom:20px}.related-demarches-grid{grid-template-columns:1fr;gap:14px}.related-demarche-card{padding:16px;min-height:80px}}@media (max-width:480px){.related-demarches-card{padding:20px}.related-demarches-card h2{font-size:1.2rem}.related-demarche-card{padding:14px;min-height:75px}.related-demarche-card h3{font-size:0.95rem}.related-prefecture-name{font-size:0.8rem}}