@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0a;color:#fff;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff6b6b);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#ff5252)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background:#0a0a0a;overflow-x:hidden}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;height:100%}.logo{margin-bottom:2rem;display:flex;justify-content:center}.logo-image{max-width:300px;height:auto;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));transition:transform .3s ease;width:300px;height:300px;background:radial-gradient(circle,#000,#000000b3 42%,#0000 50% 100%)}.logo-image:hover{transform:scale(1.05)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 20s linear infinite;z-index:2}@keyframes twinkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.planet{position:absolute;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);box-shadow:0 0 50px #ff6b6b4d;z-index:3}.planet-1{width:200px;height:200px;top:20%;right:10%;animation:float 6s ease-in-out infinite}.planet-2{width:150px;height:150px;bottom:30%;left:15%;background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 0 50px #667eea4d;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.spaceship{position:absolute;width:60px;height:30px;background:linear-gradient(45deg,#00d4ff,#09c);border-radius:50% 10px 10px 50%;box-shadow:0 0 20px #00d4ff80;z-index:4}.spaceship:before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:15px solid #00d4ff;border-top:8px solid transparent;border-bottom:8px solid transparent}.spaceship-1{top:30%;left:20%;animation:fly 10s linear infinite}.spaceship-2{top:60%;right:30%;animation:fly 12s linear infinite reverse}.spaceship-3{top:80%;left:60%;animation:fly 8s linear infinite}@keyframes fly{0%{transform:translate(-100px) rotate(0)}50%{transform:translate(50px) rotate(180deg)}to{transform:translate(200px) rotate(360deg)}}.spaceship:after{content:"";position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:linear-gradient(90deg,#00d4ff,transparent);border-radius:2px;animation:laser 2s ease-in-out infinite}@keyframes laser{0%,to{opacity:0;transform:translateY(-50%) scaleX(0)}50%{opacity:1;transform:translateY(-50%) scaleX(1)}}.hero-background:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 50px 50px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 100px 100px,rgba(0,212,255,.2),transparent),radial-gradient(1px 1px at 150px 150px,rgba(255,107,107,.2),transparent);background-size:200px 200px;animation:particles 15s linear infinite;pointer-events:none}@keyframes particles{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}.explosion{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.8) 0%,rgba(255,165,0,.6) 30%,transparent 70%);animation:explode 3s ease-out infinite;z-index:5}.explosion-1{width:80px;height:80px;top:40%;left:30%;animation-delay:0s}.explosion-2{width:60px;height:60px;top:70%;right:25%;animation-delay:1.5s}@keyframes explode{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.nebula{position:absolute;border-radius:50%;background:radial-gradient(ellipse,rgba(102,126,234,.3) 0%,rgba(118,75,162,.2) 50%,transparent 100%);filter:blur(40px);animation:drift 20s ease-in-out infinite;z-index:2}.nebula-1{width:300px;height:200px;top:10%;left:5%;animation-delay:0s}.nebula-2{width:250px;height:150px;bottom:20%;right:10%;background:radial-gradient(ellipse,rgba(0,212,255,.2) 0%,rgba(255,107,107,.1) 50%,transparent 100%);animation-delay:10s}@keyframes drift{0%,to{transform:translate(0) rotate(0);opacity:.3}25%{transform:translate(20px,-10px) rotate(90deg);opacity:.5}50%{transform:translate(-10px,15px) rotate(180deg);opacity:.4}75%{transform:translate(15px,5px) rotate(270deg);opacity:.6}}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 2rem;justify-content:center;align-items:center}.text-container{filter:drop-shadow(5px 5px 5px rgba(255,255,255,0))}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 0px rgba(0,0,0,.8)) drop-shadow(0 0 5px rgba(0,0,0,.6))}.highlight{background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 0 rgba(0,0,0,.8)) drop-shadow(0 0 3px rgba(0,0,0,.6))}.hero-subtitle{font-size:1.5rem;color:#fff;margin-bottom:2.5rem;line-height:1.6;filter:drop-shadow(0 0 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(0,0,0,.6))}.assets-grid{height:100vh;padding:6rem 0;background:linear-gradient(180deg,#0a0a0a,#1a1a2e);position:relative}.grid-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto}.grid-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:2.5rem;text-align:center;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:320px;cursor:pointer}.grid-card:hover{transform:translateY(-10px);background:#ffffff14;border-color:#00d4ff4d;box-shadow:0 20px 40px #00d4ff1a}.grid-card.flipped:hover{transform:none}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center}.grid-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{margin-top:2.5rem;position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-back{transform:rotateY(180deg);margin-top:0}.card-image{width:100%;height:200px;object-fit:cover;border-radius:20px;margin-bottom:1.5rem;transition:transform .3s ease}.grid-card:hover .card-image{transform:scale(1.05)}.card-title{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 1rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.card-description{font-size:1rem;color:#ccc;line-height:1.6;text-align:center;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:90%}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;margin-bottom:1.5rem}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}@media(max-width:768px){.planet-1,.planet-2,.spaceship,.explosion,.nebula{display:none}.grid-3x3{grid-template-columns:repeat(2,1fr);gap:2rem}.grid-card{min-height:250px}.card-inner{padding:2rem}.card-image,.placeholder-content{height:160px}.text-container{padding:2.5rem 1.5rem;border-radius:25px}}@media(max-width:480px){.container,.hero-content{padding:0 1rem}.text-container{padding:2rem 1.5rem;border-radius:20px}.logo-image{max-width:250px}.grid-3x3{grid-template-columns:1fr;gap:1.5rem}.grid-card{min-height:220px}.card-inner{padding:1.5rem}.card-image,.placeholder-content{height:140px}.placeholder-icon{font-size:3rem}}.scroll-container{z-index:10;position:fixed;bottom:3rem;left:46%;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.scroll-text{font-size:1.5rem}.scroll-arrow{position:relative;left:49%;transform:translate(-50%);width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);background-size:contain}@keyframes bounceIn{0%,20%,50%,80%,to{transform:translateY(0);opacity:1}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation:bounceIn 2s infinite 2s}