:root{--bg-body:#fff;--text-main:#000;--text-secondary:#666;--nav-bg:#fffffff2;--mobile-menu-bg:#f9f9f9;--card-bg:#00000008;--card-border:#0000001a;--cta-bg:#000;--cta-text:#fff;--cta-hover-bg:#333;--cta-hover-text:#fff;--section-title:#888}.dark-mode{--bg-body:#050505;--text-main:#fff;--text-secondary:#b3b3b3;--nav-bg:#050505f2;--mobile-menu-bg:#0f0f0f;--card-bg:#ffffff08;--card-border:#ffffff1a;--cta-bg:#fff;--cta-text:#050505;--cta-hover-bg:#ccc;--cta-hover-text:#000;--section-title:#888}body{background-color:var(--bg-body);color:var(--text-main);box-sizing:border-box}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body,button,input,textarea,select{font-family:Inter,sans-serif}.hero-banner{text-align:center;border-bottom:1px solid var(--card-border);background:radial-gradient(circle at center, var(--bg-body) 0%, var(--nav-bg) 100%);justify-content:center;align-items:center;height:600px;margin-top:70px;display:flex}canvas{outline:none;display:block}.reveal-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.navigation{z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--card-border);position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:20px 60px;display:flex}.nav-logo{letter-spacing:5px;text-transform:uppercase;z-index:1001;font-size:16px;font-weight:400}.hamburger{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;gap:6px;padding:10px;display:none}.hamburger span{background-color:var(--text-main);width:25px;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}.nav-menu{align-items:center;gap:35px;list-style:none;display:flex}.nav-menu a{letter-spacing:.5px;color:var(--text-secondary);font-size:13px;font-weight:300;text-decoration:none;transition:color .3s}.nav-menu a:hover{color:#c89bd4}.theme-toggle{border:1px solid var(--text-secondary);color:var(--text-main);cursor:pointer;background:0 0;border-radius:20px;padding:8px 12px;font-size:14px}.theme-toggle:hover{background:var(--text-secondary);color:var(--bg-body)}.nav-cta{background:var(--cta-bg);color:var(--cta-text);text-transform:uppercase;border:1px solid var(--cta-bg);cursor:pointer;border-radius:4px;padding:12px 28px;font-size:12px}.nav-cta:hover{background:var(--cta-hover-bg);color:var(--cta-hover-text);transform:translateY(-2px)}.hero-title{letter-spacing:2px;margin-bottom:20px;font-size:56px;font-weight:200;line-height:1.3}.hero-subtitle{color:var(--text-secondary);font-size:18px;font-weight:300}.main-content{max-width:1400px;margin:0 auto;padding:0 60px}.intro-section{text-align:center;max-width:800px;margin:0 auto;padding:100px 0}.intro-text{color:var(--text-secondary);font-size:24px;font-weight:300;line-height:1.8}.section-title{text-align:center;letter-spacing:4px;text-transform:uppercase;color:var(--section-title);margin-bottom:100px;padding-bottom:10px;font-size:24px;font-weight:500}.section-title:after{content:"";background:var(--text-secondary);width:80px;height:2px;margin:10px auto 0;display:block}.services-section{padding:80px 0 120px}.services-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.service-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:16px;padding:50px 40px;transition:transform .4s;box-shadow:0 4px 20px #0000000d}.service-card:hover{border-color:var(--text-secondary);transform:translateY(-5px)}.service-title{margin-bottom:24px;font-size:22px}.service-description{color:var(--text-secondary);font-size:15px;font-weight:300;line-height:1.9}.manifesto-section{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;max-width:800px;margin:0 auto 120px;padding:100px 60px}.manifesto-text{font-size:26px;font-style:italic;font-weight:300;line-height:2}.why-section{padding:80px 0 120px}.why-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:60px;max-width:1000px;margin:0 auto;display:grid}.why-item{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;padding:40px 30px;transition:transform .4s}.why-item:hover{border-color:var(--text-secondary);transform:translateY(-5px)}.why-title{margin-bottom:16px;font-size:24px}.why-description{color:var(--text-secondary);font-size:15px;font-weight:300}.projets-section{padding:80px 0 120px}.projets-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:#1a1a1a;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:300px;height:350px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:.8;background:linear-gradient(315deg,#03a9f4,#ff0058);width:100%;height:100%;position:absolute;top:0;left:0}.project-card:after{content:"";filter:blur(30px);opacity:.5;background:linear-gradient(315deg,#03a9f4,#ff0058);width:100%;height:100%;position:absolute;top:0;left:0}.project-card b{z-index:2;background:#141414e6;border-radius:8px;position:absolute;inset:4px}.project-card img{z-index:3;opacity:.5;border-radius:8px;max-width:80%;transition:all .5s;position:absolute;scale:.8}.project-card:hover img{opacity:.9;transform:translateY(-90px)}.project-card .content{z-index:3;flex-direction:column;align-items:center;width:100%;padding-bottom:20px;transition:all .5s;display:flex;position:absolute;bottom:0;transform:scale(0)}.project-card:hover .content{bottom:10px;transform:scale(1)}.content .title{color:#fff;text-transform:uppercase;text-align:center;margin-bottom:15px;font-size:1.2em;font-weight:500}.content .title span{color:#ccc;font-size:.7em;font-weight:300}.content .sci{gap:15px;padding:0;list-style:none;display:flex}.sci li a{color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .5s;display:flex}.sci li a:hover{color:#000;background:#fff;transform:translateY(-5px)}.contact-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto;display:grid}.cta-section{text-align:center;max-width:800px;margin:0 auto;padding:120px 60px}.cta-title{margin-bottom:40px;font-size:32px;font-weight:300}.cta-button{background:var(--cta-bg);color:var(--cta-text);text-transform:uppercase;border:1px solid var(--cta-bg);cursor:pointer;border-radius:4px;padding:20px 60px;font-size:14px;transition:all .3s}.cta-button:hover{background:var(--cta-hover-bg);color:var(--cta-hover-text);transform:translateY(-4px)}.footer{border-top:1px solid var(--card-border);text-align:center;background:var(--nav-bg);padding:60px 60px 80px}.footer-contact{color:var(--text-secondary);font-size:15px}dialog{color:#fff;background:#000;border:none;border-radius:4px;width:90%;max-width:900px;max-height:90vh;margin:auto;padding:0;overflow-y:auto;box-shadow:0 0 50px #000c}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9}dialog[open]{animation:.6s cubic-bezier(.19,1,.22,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.modal-content-wrapper{flex-direction:column;display:flex;position:relative}.modal-banner{background:linear-gradient(#0006,#000),url(https://images.unsplash.com/photo-1625246333195-58197bd47d19?q=80&w=1000&auto=format&fit=crop) 50%/cover no-repeat;grid-template-columns:1fr 1fr;align-items:center;gap:40px;height:280px;padding:0 50px;display:grid}.modal-title-block h2{text-transform:uppercase;background:linear-gradient(90deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:800}.modal-title-block .subtitle{color:#ff0058;letter-spacing:4px;text-transform:uppercase;margin-top:10px;font-size:.9rem;font-weight:600;display:block}.modal-logo-right{justify-self:start;max-height:180px}.modal-body{background:#000;grid-template-columns:1fr 1fr;gap:40px;padding:40px 50px;display:grid}.info-block h3{color:#03a9f4;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #fff3;margin-bottom:15px;padding-bottom:10px;font-size:.8rem}.info-block p{color:#ccc;font-size:1rem;font-weight:300}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;transition:all .3s;position:absolute;top:20px;right:20px}.close-btn:hover{background:#ff0058;transform:rotate(90deg)}@media (width<=768px){.nav-container{flex-direction:row;padding:15px 24px}.hamburger{display:flex}.nav-menu{background:var(--mobile-menu-bg);z-index:1000;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:60px;transition:right .4s;position:fixed;top:0;right:-100%}.nav-menu.active{right:0}.hero-banner{height:500px;margin-top:80px}.hero-title{font-size:36px}.services-grid,.why-grid,.contact-grid{grid-template-columns:1fr}.modal-banner{text-align:center;flex-direction:column;height:auto;padding:60px 20px 30px;display:flex}.modal-body{grid-template-columns:1fr;padding:30px}}.cv-preview-section{background:var(--card-bg);padding:80px 60px 120px}.cv-preview-container{aspect-ratio:8.5/11;width:100%;max-width:1000px;margin:50px auto}.cv-preview-container iframe{border:1px solid var(--card-border);border-radius:12px;width:100%;height:100%}@media (width<=480px){html{font-size:14px}.nav-container{padding:10px 15px}.main-content{padding:0 20px}.hero-banner{height:400px;margin-top:70px}.hero-title{font-size:28px}.section-title{margin-bottom:60px;font-size:18px}.intro-text{font-size:18px}.services-section,.why-section,.projets-section{padding:60px 0 80px}.cv-preview-section{padding:60px 20px 80px}}@media (orientation:landscape) and (height<=700px){.hero-banner{height:auto;min-height:50vh;max-height:60vh}.nav-container{padding:10px 30px}.hero-title{margin-bottom:10px;font-size:48px}.hero-subtitle{font-size:14px}.intro-section{padding:50px 0}.intro-text{font-size:16px}.services-section,.why-section{padding:50px 0 60px}.cta-section{padding:60px 30px}.section-title{margin-bottom:50px;font-size:20px}.manifesto-section{padding:50px 30px}}@media (width>=769px) and (width<=1024px){.main-content{padding:0 40px}.nav-container{padding:18px 40px}.services-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:42px}.cta-section{padding:80px 40px}.cv-preview-section{padding:80px 40px 100px}}@media (orientation:landscape) and (width<=768px){.hero-banner{height:auto;min-height:45vh}.nav-menu{padding:40px}.services-grid,.why-grid,.contact-grid{grid-template-columns:1fr}.manifesto-section{margin:0 auto 60px;padding:40px 30px}.cta-section{padding:50px 30px}.cv-preview-section{display:none}}