*{margin:0;padding:0;box-sizing:border-box}:root{--mars-red: #c1440e;--mars-orange: #e77d11;--mars-dark: #0a0a0a;--mars-surface: #8b4513;--accent-glow: #ff6b35;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--gradient-mars: linear-gradient(135deg, #c1440e 0%, #e77d11 50%, #8b4513 100%)}html{scroll-behavior:smooth;font-size:16px}body{font-family:Space Grotesk,system-ui,sans-serif;background-color:var(--mars-dark);color:var(--text-primary);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--mars-dark)}::-webkit-scrollbar-thumb{background:var(--mars-red);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--mars-orange)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #c1440e4d,0 0 40px #c1440e33,0 0 60px #c1440e1a}50%{box-shadow:0 0 40px #e77d1180,0 0 80px #e77d114d,0 0 120px #e77d1133}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.05em}.gradient-text{background:var(--gradient-mars);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:768px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 2.5rem}}::selection{background:var(--mars-red);color:#fff}button:focus-visible,a:focus-visible{outline:2px solid var(--mars-orange);outline-offset:2px}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem;background:linear-gradient(180deg,#0a0a0af2,#0a0a0a00);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:800;color:var(--mars-orange);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background:var(--gradient-mars);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite}.nav-links{display:none;list-style:none;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease;text-transform:uppercase;letter-spacing:.1em}.nav-links a:hover{color:var(--mars-orange)}.menu-button{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-button span{width:24px;height:2px;background:var(--text-primary);transition:all .3s ease}.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden;background:#050505}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(193,68,14,.04) 0%,transparent 60%);animation:breathe 8s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;opacity:.5}.hero-content{z-index:20;max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.hero-subtitle{font-size:.6875rem;text-transform:uppercase;letter-spacing:.4em;color:#e77d11d9;margin-bottom:1.5rem;font-weight:500}.hero-title{font-size:clamp(4rem,16vw,10rem);font-weight:700;line-height:.9;margin-bottom:2rem;color:#fff;letter-spacing:-.02em}.hero-description{font-size:1rem;color:#ffffff80;max-width:400px;margin:0 auto 2.5rem;line-height:1.75;font-weight:400}.hero-cta{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center}.stars-container{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.star{position:absolute;background:#fff9;border-radius:50%}.star[data-float=true]{animation:float-particle var(--duration, 20s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes float-particle{0%,to{transform:translateY(0) translate(0);opacity:var(--opacity, .4)}25%{transform:translateY(-15px) translate(5px);opacity:calc(var(--opacity, .4) * 1.2)}50%{transform:translateY(-8px) translate(-5px);opacity:var(--opacity, .4)}75%{transform:translateY(-20px) translate(3px);opacity:calc(var(--opacity, .4) * .8)}}.btn-primary{padding:.875rem 1.75rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:4px;background:#e77d11;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#f28a1e;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.8125rem 1.75rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:transparent;color:#ffffffb3;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{border-color:#ffffff4d;color:#fff}.btn-secondary:active{background:#ffffff0d}.mars-planet-container{position:fixed;top:0;left:0;width:min(70vw,700px);height:min(70vw,700px);z-index:5;will-change:transform;display:flex;align-items:center;justify-content:center;pointer-events:none}.mars-planet-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 60px rgba(193,68,14,.3));pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;transform-origin:center center}.mars-glow{position:absolute;inset:-40%;background:radial-gradient(circle at center,rgba(193,68,14,.15) 0%,transparent 55%);pointer-events:none;animation:glow-pulse 8s ease-in-out infinite;will-change:transform,opacity;transform-origin:center center}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:20}.scroll-indicator span{font-size:.5625rem;text-transform:uppercase;letter-spacing:.25em;color:#ffffff4d;font-weight:400}.scroll-arrow{width:1px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent);position:relative}.scroll-arrow:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:3px;background:#ffffff80;border-radius:50%}.stats-section{padding:4rem 1rem;background:linear-gradient(180deg,transparent 0%,rgba(193,68,14,.05) 50%,transparent 100%)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.stat-card{background:linear-gradient(135deg,#c1440e1a,#0a0a0acc);border:1px solid rgba(193,68,14,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:var(--mars-orange);box-shadow:0 10px 40px #c1440e33}.stat-icon{font-size:2rem;margin-bottom:.75rem}.stat-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--mars-orange);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.about-section{padding:4rem 1rem;position:relative}.section-header{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--mars-orange);background:#c1440e1a;padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(193,68,14,.3);margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,5vw,3rem);margin-bottom:1rem}.section-description{color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.about-content{display:flex;flex-direction:column;gap:2rem}.about-image{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#c1440e0d,#050505fa);border:1px solid rgba(193,68,14,.2);min-height:350px;z-index:1}.about-text h3{font-size:1.25rem;margin-bottom:1rem;color:var(--mars-orange)}.about-text p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.features-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.features-list li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.feature-icon{width:24px;height:24px;background:var(--gradient-mars);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon:after{content:"";width:8px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.missions-section{padding:4rem 1rem;background:linear-gradient(180deg,transparent 0%,rgba(193,68,14,.03) 50%,transparent 100%)}.missions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.mission-card{background:linear-gradient(145deg,#141414e6,#0a0a0af2);border:1px solid rgba(193,68,14,.2);border-radius:20px;padding:1.5rem;transition:all .4s ease;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-mars);transform:scaleX(0);transition:transform .4s ease}.mission-card:hover{transform:translateY(-8px);border-color:var(--mars-orange);box-shadow:0 20px 60px #c1440e33}.mission-card:hover:before{transform:scaleX(1)}.mission-year{display:inline-block;font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--mars-orange);background:#c1440e1a;padding:.375rem .75rem;border-radius:50px;margin-bottom:1rem}.mission-name{font-size:1.25rem;margin-bottom:.5rem}.mission-agency{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.mission-description{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.mission-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.status-dot.active{background:#22c55e;box-shadow:0 0 10px #22c55e80}.status-dot.completed{background:var(--mars-orange);box-shadow:0 0 10px #e77d1180}.gallery-section{padding:4rem 1rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#c1440e33,#0a0a0ae6);border:1px solid rgba(193,68,14,.2);cursor:pointer;transition:all .3s ease}.gallery-item:hover{transform:scale(1.02);border-color:var(--mars-orange)}.gallery-item.large{grid-column:span 2;aspect-ratio:2/1}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h4{font-size:.875rem;margin-bottom:.25rem}.gallery-overlay p{font-size:.75rem;color:var(--text-secondary)}.cta-section{padding:4rem 1rem;text-align:center;position:relative;overflow:hidden}.cta-content{position:relative;z-index:10;max-width:600px;margin:0 auto}.cta-title{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:1rem}.cta-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.cta-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(193,68,14,.15) 0%,transparent 50%);pointer-events:none}.footer{padding:3rem 1rem 1.5rem;border-top:1px solid rgba(193,68,14,.2);background:linear-gradient(180deg,transparent 0%,rgba(10,10,10,.9) 100%)}.footer-content{max-width:1200px;margin:0 auto}.footer-top{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.footer-brand p{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;max-width:250px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column h4{font-size:.875rem;margin-bottom:1rem;color:var(--text-primary)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-column a:hover{color:var(--mars-orange)}.footer-bottom{padding-top:1.5rem;border-top:1px solid rgba(193,68,14,.1);display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.75rem}.footer-credit{margin-top:.5rem}.footer-credit a{color:var(--mars-orange);text-decoration:none;font-weight:500;transition:color .3s ease}.footer-credit a:hover{color:#f28a1e;text-decoration:underline}.social-links{display:flex;gap:1rem}.social-link{width:36px;height:36px;border-radius:50%;border:1px solid rgba(193,68,14,.3);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--mars-red);border-color:var(--mars-red);color:#fff}@media(max-width:640px){.mars-planet-container{width:min(60vw,280px);height:min(60vw,280px)}.mars-planet-img{filter:drop-shadow(0 0 30px rgba(193,68,14,.25))}.mars-glow{inset:-20%}.hero{padding:5rem 1.25rem 3rem}.hero-title{font-size:clamp(3rem,16vw,4.5rem);margin-bottom:1.5rem}.hero-subtitle{font-size:.625rem;letter-spacing:.3em;margin-bottom:1rem}.hero-description{font-size:.9375rem;max-width:320px;margin-bottom:2rem;line-height:1.7}.hero-cta{flex-direction:column;gap:.75rem;width:100%;max-width:280px}.btn-primary,.btn-secondary{width:100%;padding:1rem 1.5rem;font-size:.6875rem}.scroll-indicator{bottom:1.5rem}.about-section{padding:3rem 1.25rem}.section-header{margin-bottom:2rem}.section-tag{font-size:.6875rem;padding:.4rem .875rem}.section-title{font-size:1.5rem}.section-description{font-size:.9375rem;line-height:1.7}.about-content{gap:1.5rem}.about-image{aspect-ratio:1;min-height:260px;max-width:300px;margin:0 auto;border-radius:12px}.about-text h3{font-size:1.125rem;text-align:center}.about-text p{font-size:.9375rem;line-height:1.7}.features-list{gap:.625rem}.features-list li{font-size:.875rem}.feature-icon{width:20px;height:20px}.stats-section{padding:2.5rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem 1rem;border-radius:12px}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}.missions-section{padding:3rem 1.25rem}.missions-grid{grid-template-columns:1fr;gap:1rem}.mission-card{padding:1.25rem;border-radius:14px}.mission-name{font-size:1.125rem}.mission-description{font-size:.8125rem}.gallery-section{padding:3rem 1.25rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.gallery-item{border-radius:10px}.gallery-item.large{grid-column:span 2}.gallery-overlay h4{font-size:.75rem}.gallery-overlay p{font-size:.625rem}.cta-section{padding:3rem 1.25rem}.cta-title{font-size:1.5rem}.cta-description{font-size:.9375rem}.footer{padding:2rem 1.25rem 1rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-column h4{font-size:.75rem;margin-bottom:.75rem}.footer-column a{font-size:.8125rem}}@media(min-width:640px){.hero-subtitle{font-size:.75rem}.hero-description{font-size:1.125rem}.hero-cta{flex-direction:row;gap:1rem}.mars-planet-container{width:min(60vh,500px);height:min(60vh,500px)}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:1.75rem}.missions-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item.large{grid-column:span 2}}@media(min-width:768px){.nav-links{display:flex}.menu-button{display:none}.hero{padding:6rem 2rem 4rem}.hero-content{max-width:540px}.mars-planet-container{width:min(68vh,600px);height:min(68vh,600px)}.about-content{flex-direction:row;align-items:center;gap:3rem}.about-image{flex:1;aspect-ratio:1}.about-text{flex:1}.footer-top{flex-direction:row;justify-content:space-between}.footer-links{grid-template-columns:repeat(3,1fr);gap:3rem}.footer-bottom{flex-direction:row;justify-content:space-between}}@media(min-width:1024px){.hero{padding:8rem 2rem 5rem}.hero-title{font-size:clamp(5rem,12vw,9rem)}.hero-content{max-width:600px}.mars-planet-container{width:min(72vh,700px);height:min(72vh,700px)}.stats-section,.about-section,.missions-section,.gallery-section,.cta-section{padding:6rem 2rem}.missions-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.hero-content{max-width:680px}.mars-planet-container{width:min(78vh,800px);height:min(78vh,800px)}}.fade-in-up{animation:slide-up .6s ease forwards}@media(hover:none){.mission-card:hover,.stat-card:hover,.gallery-item:hover{transform:none}.btn-primary:hover:before,.btn-secondary:hover:before{display:none}.gallery-overlay{transform:translateY(0);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%)}}