@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap);*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Orbitron,sans-serif;color:#fff;background:#000;overflow-x:hidden;-webkit-font-smoothing:antialiased}#starfield{position:fixed;inset:0;z-index:-1;background:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 80% 70%,#fff,transparent),radial-gradient(2px 2px at 50% 50%,#ccc,transparent);background-size:800px 800px;animation:moveStars 120s linear infinite;opacity:.3;will-change:background-position}@keyframes moveStars{from{background-position:0 0,0 0,0 0}to{background-position:800px 400px,-800px 800px,400px -800px}}header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:rgba(0,0,0,.6);border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;width:100%;z-index:10;backdrop-filter:blur(6px)}.logo{height:60px;width:auto;user-select:none}nav a{margin-left:30px;color:#e5e5e5;text-decoration:none;font-size:1rem;transition:color .3s ease,text-shadow .3s ease}nav a:hover{color:#fff;text-shadow:0 0 5px rgba(0,234,255,.6)}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#02030a;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.85)),image-set(
      url("images/ship.webp") type("image/webp"),
      url("images/ship.png") type("image/png")
    ) center/cover no-repeat fixed;background-blend-mode:overlay;position:relative;will-change:background-position}#hero h1{font-size:3.5rem;letter-spacing:.3em;color:#fff;text-shadow:0 0 15px rgba(0,234,255,.4)}#hero p{margin-top:20px;font-size:1.2rem;color:#e4e4e4;text-shadow:0 0 10px rgba(0,0,0,.6)}#mission{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.78) 0,rgba(0,0,0,.92) 60%,rgba(0,0,0,.88) 100%),image-set(
      url("images/cubestat.webp") type("image/webp"),
      url("images/cubestat.png") type("image/png")
    ) center/cover no-repeat;background-attachment:fixed;background-blend-mode:overlay;border-top:1px solid rgba(255,255,255,.05)}#mission h2{font-size:2.2rem;margin-bottom:20px;text-shadow:0 0 15px rgba(255,255,255,.4)}#mission p{color:#e8e8e8;line-height:1.8;font-size:1.1rem;max-width:900px;margin:0 auto;text-shadow:0 0 12px rgba(0,0,0,.9)}.block{padding:120px 15%;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.05)}.block h2{font-size:2rem;margin-bottom:20px;color:#fff}.block p{color:#e4e4e4;line-height:1.6;font-size:1rem;max-width:800px}a{color:#00eaff;text-decoration:none;transition:.3s}a:hover{color:#fff;text-shadow:0 0 5px rgba(0,234,255,.6)}#projets{padding:120px 15%;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center}#projets h2{font-size:2.2rem;margin-bottom:60px;color:#fff;text-align:center}.project{display:flex;align-items:center;justify-content:flex-start;gap:30px;margin-bottom:80px;width:100%;max-width:1000px;background:rgba(255,255,255,.02);border-radius:20px;padding:40px;transition:transform .4s ease,background .4s ease;border:1px solid rgba(255,255,255,.05)}.project:hover{background:rgba(255,255,255,.05);transform:translateY(-5px)}.project img{width:150px;height:150px;object-fit:cover;border-radius:50%;box-shadow:0 0 25px rgba(255,255,255,.2);flex-shrink:0}.project h3{font-size:1.6rem;margin-bottom:10px;color:#fff}.project p{color:#e4e4e4;font-size:1rem;line-height:1.6}.project img[alt=Lune]{box-shadow:0 0 25px rgba(0,200,255,.4),0 0 60px rgba(0,180,255,.2);transition:.5s}.project img[alt=Lune]:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(0,220,255,.7),0 0 80px rgba(0,220,255,.4)}#contact{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.9)),image-set(
      url("images/rover.webp") type("image/webp"),
      url("images/rover.png") type("image/png")
    ) center/cover no-repeat fixed;background-blend-mode:overlay;border-top:1px solid rgba(255,255,255,.05)}#contact h2{font-size:2.4rem;margin-bottom:20px;text-shadow:0 0 20px rgba(255,255,255,.5)}#contact p{color:#e8e8e8;font-size:1.1rem;max-width:900px;line-height:1.8;text-shadow:0 0 10px rgba(0,0,0,.7)}footer{text-align:center;padding:40px 0;background:rgba(255,255,255,.03);font-size:.9rem;color:#aaa}@media (max-width:1024px){header{padding:15px 30px}nav a{margin-left:15px;font-size:.95rem}#hero h1{font-size:2.8rem}.project{flex-direction:column;text-align:center}.project img{width:120px;height:120px}}@media (max-width:768px){header{flex-direction:column;gap:10px;padding:15px}nav a{display:inline-block;margin:10px;font-size:.9rem}#hero{height:85vh;background-attachment:scroll!important}#hero h1{font-size:2.2rem;letter-spacing:.2em}#hero p{font-size:1rem}#contact,#mission{background-attachment:scroll!important;padding:80px 10%}.project{flex-direction:column;align-items:center;gap:20px;padding:25px}.project img{width:100px;height:100px}footer{font-size:.8rem;padding:25px 0}}@media (max-width:480px){#hero h1{font-size:1.8rem}#hero p{font-size:.9rem}nav a{font-size:.8rem}.project p{font-size:.85rem}#contact h2{font-size:1.8rem}#contact p{font-size:1rem}}:focus{outline:2px solid #00eaff;outline-offset:3px}a,button{color:#00eaff;transition:color .3s ease,text-shadow .3s ease}a:focus,a:hover{color:#fff;text-shadow:0 0 5px rgba(0,234,255,.6)}body,h1,h2,h3,p{color:#e8e8e8}