:root{--bg:#080a0f;--bg2:#0d1117;--bg3:#161b27;--bg4:#1e2535;--border:#ffffff12;--border2:#ffffff1f;--text:#e2e8f0;--muted:#909090;--accent:#67abff;--accent2:#818cf8;--white:#fff;--font-main:"Inter", sans-serif;--font-head:"Space Grotesk", sans-serif;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px #0006;--transition:.3s ease}body.light-mode{--bg:#f0f4f8;--bg2:#fff;--bg3:#e8edf3;--bg4:#dde3ec;--border:#00000012;--border2:#00000021;--text:#1a202c;--muted:#64748b;--white:#0f172a}body.light-mode #navbar{background:#f0f4f8d9}body.light-mode #navbar.scrolled{background:#f0f4f8fa;box-shadow:0 4px 24px #00000014}body.light-mode .code-block{background:#f8fafc}body.light-mode .hero-illustration{filter:drop-shadow(0 20px 60px #67abff26)}body.light-mode .avis-card.featured{background:linear-gradient(135deg, var(--bg3) 0%, #67abff0f 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-main);font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}img.rnd{border-radius:30px}.btn{border-radius:var(--radius);font-family:var(--font-head);cursor:pointer;transition:all var(--transition);border:1px solid #0000;padding:12px 28px;font-size:15px;font-weight:600;display:inline-block}.btn-primary{background:var(--accent);color:#080a0f;border-color:var(--accent)}.btn-primary:hover{color:var(--accent);background:0 0;box-shadow:0 0 20px #6ee7b733}.btn-outline{color:var(--text);border-color:var(--border2);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-large{padding:16px 36px;font-size:17px}#scrollTop{background:var(--accent);color:#080a0f;cursor:pointer;opacity:0;z-index:999;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(16px)}#scrollTop.visible{opacity:1;transform:translateY(0)}#scrollTop:hover{background:var(--bg4);color:var(--accent);border:1px solid var(--accent)}.section-badge{color:var(--accent);letter-spacing:.05em;background:#6ee7b714;border:1px solid #6ee7b733;border-radius:100px;margin-bottom:16px;padding:5px 16px;font-size:13px;font-weight:500;display:inline-block}h2{font-family:var(--font-head);color:var(--white);margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.25}h3{font-family:var(--font-head);color:var(--white);margin-bottom:8px;font-size:18px;font-weight:600}.accent{color:var(--accent)}.section-desc{color:var(--muted);max-width:580px;margin:0 auto 48px;font-size:17px}.section-container{max-width:1200px;margin:0 auto;padding:90px 24px}.section-container.centered{text-align:center}#navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all var(--transition);background:#080a0fcc;padding:0 24px;position:fixed;top:0;left:0;right:0}#navbar .btn-primary{padding:8px 18px;font-size:13px}.nav-container{justify-content:space-between;align-items:center;gap:32px;max-width:1200px;height:70px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-head);color:var(--white);white-space:nowrap;font-size:20px;font-weight:700}.logo-bracket{color:var(--accent)}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--muted);transition:all var(--transition);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--white);background:var(--bg3)}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--text);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.theme-toggle{border:1px solid var(--border2);background:var(--bg3);cursor:pointer;width:38px;height:38px;transition:all var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.theme-toggle:hover{border-color:var(--accent);background:var(--bg4)}#hero{align-items:center;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 24px 60px;display:flex}.hero-content{flex:1;max-width:600px}.hero-badge{color:var(--accent2);background:#818cf81a;border:1px solid #818cf833;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}#hero h1{font-family:var(--font-head);color:var(--white);min-height:2.3em;margin-bottom:20px;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.1}.hero-desc{color:var(--muted);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{align-items:center;gap:24px;display:flex}.stat{flex-direction:column;display:flex}.stat-number{font-family:var(--font-head);color:var(--white);font-size:22px;font-weight:700}.stat-label{color:var(--muted);font-size:12px}.stat-divider{background:var(--border2);width:1px;height:36px}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex}.code-window{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow);overflow:hidden}.hero-illustration{filter:drop-shadow(0 20px 60px #6ee7b714);width:100%;max-width:580px;height:auto;animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.window-bar{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 18px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-block{padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.9;overflow-x:auto}.c-keyword{color:#818cf8}.c-var{color:#6ee7b7}.c-key{color:#94a3b8}.c-str{color:#f59e0b}.c-accent{color:var(--accent)}#apropos{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}#apropos .section-container{align-items:center;gap:80px;display:flex}.apropos-text{flex:1}.apropos-text p{color:var(--muted);margin-bottom:20px;font-size:16px}.apropos-cards{flex:1;grid-template-columns:1fr 1fr;gap:16px;display:grid}.apropos-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);padding:20px}.apropos-card:hover{border-color:var(--border2)}.apropos-icon{margin-bottom:10px;font-size:24px;display:block}.apropos-card p{color:var(--muted);font-size:14px}#services{background:var(--bg)}.services-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:48px;display:grid}.service-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:default;padding:28px}.service-card:hover{border-color:#6ee7b74d;transform:translateY(-4px);box-shadow:0 12px 40px #6ee7b70f}.service-icon{margin-bottom:16px;font-size:32px}.service-card p{color:var(--muted);margin-bottom:20px;font-size:15px}.service-tags{flex-wrap:wrap;gap:8px;display:flex}.service-tags li{background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:100px;padding:4px 12px;font-size:12px}#competences{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.competences-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin-top:16px;display:grid}.competence-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all var(--transition);padding:28px 20px}.competence-item:hover{border-color:#6ee7b740;transform:translateY(-3px)}.comp-icon{margin-bottom:12px;font-size:32px}.competence-item h3{margin-bottom:4px;font-size:15px}.competence-item p{color:var(--muted);font-size:12px}#projets{background:var(--bg)}.projets-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.projet-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);overflow:hidden}.projet-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-4px)}.projet-img{align-items:flex-end;height:180px;padding:16px;display:flex;position:relative;overflow:hidden}.projet-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.projet-card:hover .projet-img img{transform:scale(1.05)}.projet-img:after{content:"";background:linear-gradient(#0000 0%,#0000001a 40%,#0009 100%);position:absolute;inset:0}.projet-category{backdrop-filter:blur(6px);color:var(--text);background:#00000080;border:1px solid #ffffff1a;border-radius:100px;padding:4px 12px;font-size:12px}.projet-info{padding:20px}.projet-info p{color:var(--muted);margin-bottom:16px;font-size:14px}.projet-techs{flex-wrap:wrap;gap:8px;display:flex}.projet-techs span{background:var(--bg3);border:1px solid var(--border);color:var(--accent);border-radius:100px;padding:3px 10px;font-size:11px}#avis{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.avis-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.avis-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:28px}.avis-card.featured{background:linear-gradient(135deg, var(--bg3) 0%, #6ee7b70a 100%);border-color:#6ee7b740}.avis-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:16px;font-size:16px}.avis-card p{color:var(--muted);margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.8}.avis-author{align-items:center;gap:12px;display:flex}.avis-avatar{background:var(--bg4);border:1px solid var(--border2);width:42px;height:42px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.avis-author strong{color:var(--white);font-size:14px;display:block}.avis-author span{color:var(--muted);font-size:12px}#faq{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq-list{text-align:left;flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--border2)}.faq-item.open{border-color:#6ee7b740}.faq-question{cursor:pointer;width:100%;color:var(--white);font-family:var(--font-head);text-align:left;transition:color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:500;display:flex}.faq-question:hover{color:var(--accent)}.faq-icon{color:var(--accent);transition:transform var(--transition);flex-shrink:0;font-size:22px;font-weight:300;line-height:1}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s,padding .3s;overflow:hidden}.faq-answer p{color:var(--muted);padding:0 24px 20px;font-size:15px;line-height:1.8}.faq-item.open .faq-answer{max-height:200px}#cta{background:var(--bg);text-align:center}.cta-container{max-width:700px;margin:0 auto;padding:120px 24px}.cta-container p{color:var(--muted);max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:17px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}#contact{background:var(--bg2);border-top:1px solid var(--border)}.contact-wrapper{align-items:flex-start;gap:80px;display:flex}.contact-left{flex:1;max-width:420px}.contact-left p{color:var(--muted);margin-bottom:36px;font-size:16px;line-height:1.8}.contact-infos{flex-direction:column;gap:16px;display:flex}.contact-infos li{color:var(--text);align-items:center;gap:12px;font-size:15px;display:flex}.contact-info-icon{background:var(--bg3);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.contact-right{flex:1.2}.contact-form{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:36px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text);font-size:14px;font-weight:500}.required{color:var(--accent)}.form-group input,.form-group select,.form-group textarea{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font-main);outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .3s,box-shadow .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #67abff1f}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f87171}.field-error{color:#f87171;min-height:16px;font-size:12px}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.form-group textarea{resize:vertical;min-height:120px}#contact .btn-primary{cursor:pointer;border:none;align-self:flex-start}#contact .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-feedback{border-radius:var(--radius);padding:14px 18px;font-size:15px;font-weight:500}.form-feedback.success{color:var(--accent);background:#0b2e15;border:1px solid #67abff40}.form-feedback.error{color:#f87171;background:#f8717114;border:1px solid #f8717140}@media (width<=900px){.contact-wrapper{flex-direction:column;gap:48px}.contact-left{max-width:100%}}@media (width<=600px){.form-row{grid-template-columns:1fr}.contact-form{padding:24px}}footer{background:var(--bg2);border-top:1px solid var(--border)}.footer-container{gap:80px;max-width:1200px;margin:0 auto;padding:64px 24px 40px;display:flex}.footer-brand{flex:1;max-width:260px}.footer-brand p{color:var(--muted);margin:12px 0 20px;font-size:14px}.footer-social{gap:10px;display:flex}.footer-social a{background:var(--bg3);border:1px solid var(--border);width:36px;height:36px;color:var(--muted);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.footer-social a:hover{color:var(--accent);border-color:#6ee7b74d}.footer-links{flex-wrap:wrap;flex:2;gap:48px;display:flex}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:13px;font-weight:600}.footer-col ul{flex-direction:column;gap:10px;display:flex}.footer-col a{color:var(--muted);transition:color var(--transition);font-size:14px}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.footer-bottom p{color:var(--muted);font-size:13px}.footer-legal{gap:24px;display:flex}.footer-legal a{color:var(--muted);transition:color var(--transition);font-size:13px}.footer-legal a:hover{color:var(--text)}@media (width<=900px){#hero{text-align:center;flex-direction:column;padding-top:120px}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{width:100%}#apropos .section-container,.footer-container{flex-direction:column;gap:40px}.footer-brand{max-width:100%}}@media (width<=600px){.nav-links,#navbar .btn{display:none}.nav-burger{display:flex}.apropos-cards{grid-template-columns:1fr}.footer-links{gap:32px}.footer-bottom{text-align:center;flex-direction:column}}#navbar.scrolled{background:#080a0ff7;border-bottom-color:#ffffff1a;box-shadow:0 4px 24px #0006}.nav-links a.active{color:var(--accent);background:#6ee7b714}@media (width<=600px){.nav-links.open{backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080a0ffa;flex-direction:column;gap:8px;padding:24px;display:flex;position:fixed;top:70px;left:0;right:0}.nav-links.open a{border-radius:10px;padding:14px 16px;font-size:16px}.nav-burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.animate-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.services-grid .service-card:nth-child(2){transition-delay:.1s}.services-grid .service-card:nth-child(3){transition-delay:.2s}.services-grid .service-card:nth-child(4){transition-delay:.3s}.projets-grid .projet-card:nth-child(2){transition-delay:.1s}.projets-grid .projet-card:nth-child(3){transition-delay:.2s}.projets-grid .projet-card:nth-child(4){transition-delay:.3s}.avis-grid .avis-card:nth-child(2){transition-delay:.1s}.avis-grid .avis-card:nth-child(3){transition-delay:.2s}.competences-grid .competence-item:nth-child(2){transition-delay:80ms}.competences-grid .competence-item:nth-child(3){transition-delay:.16s}.competences-grid .competence-item:nth-child(4){transition-delay:.24s}.competences-grid .competence-item:nth-child(5){transition-delay:.32s}.competences-grid .competence-item:nth-child(6){transition-delay:.4s}.form-feedback.cooldown{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2440}#submitBtn:disabled{opacity:.7;cursor:not-allowed;background:var(--bg4);color:var(--muted);border-color:var(--border)}.cursor{color:var(--accent);font-weight:300;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}