@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";body,#root{margin:0;padding:0;height:100%;width:100%}html{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}.hero{width:100%;min-height:100vh;background:linear-gradient(135deg,#04703d,#000);overflow:hidden;display:flex;flex-direction:column;align-items:center}.alien-slider{display:flex;gap:50px;cursor:grab;margin-top:100px}.alien-slider:active{cursor:grabbing}.alien-card{min-width:300px;height:400px;display:flex;justify-content:center;align-items:center}.alien-card img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.alien-card img:hover{transform:scale(1.1)}*{padding:0;margin:0}.navbar{width:100%;position:fixed;top:0;left:0;padding:15px 50px;display:flex;justify-content:center;gap:400px;align-items:center;background:transparent;z-index:1000}.logo img{width:120px}.nav-links{list-style:none;display:flex;gap:30px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:600;color:#fff}.nav-links li{cursor:pointer;transition:color .3s ease}.nav-links li:hover{color:#0f8}.nav-buttons{display:flex;gap:15px}.btn{font-family:Orbitron,sans-serif;padding:8px 20px;font-size:14px;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease}.btn-outline{background:transparent;border:2px solid white;color:#fff}.btn-outline:hover{background:#fff;color:#000}.btn-fill{background:#0f8;border:2px solid #00ff88;color:#000}.btn-fill:hover{background:transparent;color:#0f8}.slider{display:flex;align-items:center;justify-content:center;height:100vh;color:#fff;font-family:Orbitron,sans-serif;padding:40px 200px 0 100px;gap:0px;position:relative}.slider-images{position:relative;width:1000px;height:1000px;display:flex;justify-content:center;align-items:center;overflow:hidden}.alien-img{position:absolute;width:500px;height:auto;transition:transform .6s ease,opacity .6s ease,filter .6s ease;will-change:transform,opacity,filter}.slider-info{max-width:500px}.slider-info h1{font-size:49px;margin-bottom:20px;color:#0f8}.slider-info p{font-size:18px;line-height:2.1;color:#ddd;width:500px}.arrow{position:absolute;top:90%;transform:translateY(-50%);background:#0006;border:none;color:#fff;padding:12px;border-radius:50%;cursor:pointer;transition:background .3s ease;z-index:10}.arrow:hover{background:#00ff88b3;color:#000}.left-arrow{left:800px}.right-arrow{left:900px}