body{background-color:#fff}body{background-color:#fff;color:#111}.diff,.diff1{display:flex;margin:30px 20px 20px;font-family:Akshar,sans-serif;font-weight:200;font-size:18px}.glow-wrapper{position:relative;display:inline-block}.glow-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#22d3ee,#3b82f6);filter:blur(13px);opacity:.7;border-radius:10px;z-index:0;transition:opacity .3s ease}.glow-wrapper:hover:before{opacity:1}.glow-button{position:relative;z-index:1;background-color:#000;color:#fff;font-weight:600;padding:12px 24px;border:none;border-radius:8px;cursor:pointer}.projets-container{width:70vw;margin-left:auto;margin-right:auto;margin-top:150px}.skills-table{width:100%;border-collapse:collapse;margin:20px 0}.skills-table th{text-align:left;padding:12px;background-color:#f5f5f5;border-bottom:2px solid #ddd}.skills-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:top}.skills-table tr:hover{background-color:#f9f9f9}.skills-list{margin:0;padding-left:20px}.skills-list li{margin-bottom:8px}.tabs-wrapper{margin-bottom:1rem}.tab-list{display:flex;justify-content:center;gap:2rem;list-style:none;margin:50px 0 0;padding:0}.tab-button{padding:10px 16px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;border-radius:.5rem .5rem 0 0;transition:all .2s ease;font-family:Akshar,sans-serif;font-weight:500;font-size:25px;color:#b1afaf;border-color:#ccc}.tab-button:hover{color:#444;border-color:#444}.tab-button.active{color:#000;border-color:#000;font-weight:700;font-family:Akshar,sans-serif;font-weight:500;font-size:25px}.tab-content-container{padding:1rem;background-color:#f9f9f9;border-radius:0 0 .5rem .5rem}.tab-content{display:none}.tab-content.visible{display:block}.tab-content.hidden{display:none}.tab-content p{color:#555;font-size:.9rem}.roadmap{position:relative;margin:40px;padding-left:30px;border-left:3px solid #ccc}.step{position:relative;margin-bottom:30px}.dot{width:15px;height:15px;background:#007bff;border-radius:50%;position:absolute;left:-9px;top:5px}.content h3{margin:0;font-size:18px}.content p{margin:5px 0 0;font-size:14px}.section{margin-top:50px;border:2px solid #020202;border-radius:30px;padding:30px;font-family:Akshar,sans-serif;font-weight:200;font-size:22px;position:relative}.section p,.section li{font-family:Poppins;font-weight:300;font-size:19px}.section h2{font-family:Akshar,sans-serif;font-weight:500;font-size:30px;margin-top:0}h1{font-family:Akshar,sans-serif;font-weight:500;font-size:40px;margin-top:40px}.tech-stack{margin:2rem 0;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.tech-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:0;overflow:hidden;box-shadow:0 4px 6px #0000000d}.tech-table th{background-color:#a7a5c5;color:#fff;padding:16px 20px;text-align:left;font-weight:600}.tech-table td{padding:16px 20px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.tech-table tr:nth-child(2n){background-color:#f9fafb}.tech-table tr:hover{background-color:#f3f4f6}.tool-badge{display:inline-block;background-color:#e0e7ff;color:#4f46e5;padding:4px 10px;border-radius:20px;font-weight:500;font-size:.9em;margin-right:6px}.component-name{font-weight:500;color:#1f2937}.tool-choice{min-width:180px}.tool-reason{color:#4b5563;line-height:1.5}.header-component{width:20%}.header-tool{width:25%}.header-why{width:55%}.component-cell{padding:18px 24px;font-weight:500;color:#2d3748;border-bottom:1px solid #edf2f7;vertical-align:middle;width:30%}.tag-huggingface{background:#fd3;color:#000}.tag-controlnet{background:#3182ce;color:#fff}.tag-python{background:#3776ab;color:#fff}.tag-gpu{background:#38a169;color:#fff}.tag-cloud{background:#4299e1;color:#fff}.tag-rest{background:#f56565;color:#fff}.via-text,.language-text,.or-text{font-size:.9rem;color:#718096;margin-left:4px}.api-details{display:block;margin-top:8px;font-size:.85rem;color:#4a5568;line-height:1.5}.note-text{font-size:.8rem;color:#718096;margin-top:6px;font-style:italic}i[class^=icon-]{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;background-size:contain;background-repeat:no-repeat}.icon-model{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>')}.icon-server{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M4 1h16a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1zm0 8h16a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1zm0 8h16a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1z"/></svg>')}.icon-hardware{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M6 2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4a2 2 0 012-2zm0 2v4h12V4H6zm0 6v2h12v-2H6zm0 4v2h12v-2H6z"/></svg>')}.icon-api{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M7 7h10v2h-2v6h2v2H7v-2h2V9H7V7zm6 2v6h-2V9h2z"/></svg>')}.tech-stack-container{margin:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.modern-tech-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.table-header{background:linear-gradient(135deg,#6b46c1,#805ad5);color:#fff;padding:18px 24px;text-align:left;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.component-cell{padding:18px 24px;font-weight:500;color:#2d3748;border-bottom:1px solid #edf2f7;vertical-align:middle;width:25%}.tool-cell{padding:18px 24px;border-bottom:1px solid #edf2f7;vertical-align:middle}.tech-tag{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:500;font-size:.85rem;margin-right:8px;margin-bottom:8px}.tech-details{display:inline-block;font-size:.9rem;color:#4a5568;line-height:1.5;margin-left:8px}.tag-react{background:#61dafb;color:#000}.tag-vite{background:#646cff;color:#fff}.tag-tailwind{background:#38b2ac;color:#fff}.tag-fetch{background:#4299e1;color:#fff}.tag-axios{background:#5a67d8;color:#fff}.tag-formdata{background:#f6ad55;color:#000}.tag-preview{background:#68d391;color:#fff}.tag-hook{background:#9f7aea;color:#fff}.or-text,.plus-text,.comma-text{font-size:.9rem;color:#718096;margin:0 4px}.icon-framework{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M12 2l9 4.5-9 4.5-9-4.5 9-4.5zm0 9l9 4.5-9 4.5-9-4.5 9-4.5zm0 9l9 4.5-9 4.5-9-4.5 9-4.5z"/></svg>')}.icon-build{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M13 8.414V4h-2v4.414l-3.707 3.707-1.414-1.414L12 4.586l6.121 6.121-1.414 1.414L13 8.414zM6 18h12v2H6v-2z"/></svg>')}.icon-style{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M5 3h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2zm2 4v2h10V7H7zm0 4v2h10v-2H7zm0 4v2h7v-2H7z"/></svg>')}.icon-upload{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M4 19h16v-7h2v8a1 1 0 01-1 1H3a1 1 0 01-1-1v-8h2v7zm8-13V5h-2v1H7l5 5 5-5h-3z"/></svg>')}.icon-render{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236b46c1"><path d="M13 12v8h-2v-8H3v-1h8V3h2v8h8v1h-8z"/></svg>')}.modern-tech-table tr:last-child td{border-bottom:none}@media screen and (max-width: 768px){.section{border:none;border-bottom:1px solid #ddd;border-radius:0;padding:16px 0;margin-top:30px}.tab-list{height:auto;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tab-button{width:120px;min-height:68px;font-size:16px!important;font-weight:500;padding:6px 8px;line-height:1.3;white-space:normal;text-align:center;transition:none}.tab-button.active{font-size:16px!important;font-weight:500}}@media screen and (min-width: 700px) and (max-width: 1041px){.tab-list{height:auto;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tab-button{width:140px;min-height:80px;font-size:22px!important;font-weight:500;padding:6px 8px;line-height:1.4;white-space:normal;text-align:center;transition:none}.tab-button.active{font-size:22px!important;font-weight:500}}@media screen and (max-width: 768px){h1{font-size:40px!important}}@media screen and (max-width: 768px){.projets-container{width:90vw!important}}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media screen and (max-width: 400px){.diff{flex-direction:column!important}}@media screen and (max-width: 400px){.diff1{flex-direction:column!important;margin-top:5px!important}}body{margin:0;padding:0;font-family:sans-serif;background-color:#fff;overflow-x:hidden}.form-container{max-width:700px;width:100%;margin:140px auto;padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box}h1{font-size:26px;margin-bottom:10px}p{font-size:15px;color:#444}.form-group{margin-bottom:40px}label{display:block;margin-bottom:6px;font-weight:700}input[type=email],select{background-color:#f7f6f6;border:1px solid #bbb;color:#222;padding:10px;border-radius:6px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20fill%3D'%23333'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M7%2010l5%205%205-5z'/%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;width:100%;font-size:15px;box-sizing:border-box}input[type=text],select,textarea{width:100%;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}textarea{width:100%;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;resize:vertical}.checkbox-group{display:flex;align-items:center;gap:10px;margin:10px 0}.submit-button{background-color:#000;color:#fff;padding:12px 25px;font-size:16px;border:none;border-radius:6px;cursor:pointer;font-weight:600}.submit-button:hover{background-color:#222;opacity:1}.submit-button:disabled{background-color:#030303}.success-message{text-align:center;padding:40px}@media screen and (max-width: 500px){.form-container{padding:15px}h1{font-size:22px}}button:disabled{background-color:#111;cursor:not-allowed;opacity:.9;font-weight:600}@media (max-width: 768px){.form-container{border:none;padding:20px}}@media (max-width: 768px){h1{font-size:30px!important}}.navbar{width:100%;background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:1000;height:90px}.navbar-logo a{color:#fff;text-decoration:none;font-size:24px;font-weight:700}.navbar-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar-links li a{color:#fff;text-decoration:none;font-size:16px}.navbar-links li a:hover{text-decoration:underline}@media (max-width: 768px){.nav-links-desktop{display:none!important}.burger-menu{display:flex!important}}._container_ite4h_1{display:flex;flex-wrap:wrap;gap:50px;width:80vw;margin-left:auto;margin-right:auto;margin-top:20px;background-color:#fff;align-items:stretch}._post_ite4h_13{width:calc((100% - 100px) / 3)}@media screen and (max-width: 1450px){._post_ite4h_13{width:calc((100% - 50px)/2)}}@media screen and (max-width: 900px){._post_ite4h_13{width:100%!important}._container_ite4h_1{height:auto}}@media (prefers-color-scheme: dark){body{background-color:#121212;color:#f0f0f0}._post_ite4h_13{background-color:#1e1e1e;border-color:#333}footer{background-color:#121212;border-top:1px solid #333}a{color:#6cf}}
