*{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;font-family:Montserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a1628;scroll-behavior:smooth}#root{width:100%;min-height:100vh}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none}#canvas.interactive{pointer-events:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;z-index:10}.title{font-family:Space Mono,Courier New,monospace;font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:.4em;margin-bottom:1rem;text-align:center;color:#e8f4f8;text-shadow:0 0 30px rgba(232,244,248,.4),0 0 60px rgba(232,244,248,.2)}.subtitle-container{display:flex;justify-content:center;align-items:center;max-width:90%}.subtitle{color:#fff;font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:300;letter-spacing:.1em;text-align:center;line-height:1.6;text-shadow:0 0 10px rgba(0,0,0,.8);white-space:pre-line;display:inline-block}.subtitle:after{content:"|";color:#00d4ff;animation:blink .75s step-end infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}.navbar{position:fixed;top:1rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:1400px;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:#00000080;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,255,255,.3);border-radius:20px;box-shadow:0 4px 25px #0ff3,0 8px 32px #0006,inset 0 1px #ffffff1a,inset 0 -1px #00ffff1a;z-index:1000}.nav-brand{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.2);transition:all .3s ease;flex-shrink:0;margin-left:2.5rem}.nav-brand:hover{text-shadow:0 0 15px rgba(0,255,255,.9),0 0 30px rgba(0,255,255,.6),0 0 45px rgba(0,255,255,.3);transform:translateY(-2px)}.nav-menu{display:flex;gap:.3rem;list-style:none;margin:0;padding:0;align-items:center;justify-content:center;flex:1}.nav-menu li{margin:0}.nav-menu li a{color:#ffffffe6;text-decoration:none;font-size:.85rem;font-weight:500;padding:.4rem .9rem;display:flex;align-items:center;height:36px;transition:all .3s ease;position:relative;white-space:nowrap;border-radius:10px}.nav-menu li a:hover{color:#00e0ff;text-shadow:0 0 10px rgba(0,224,255,.8),0 0 20px rgba(0,224,255,.4);transform:translateY(-2px);background:#00e0ff0d}.nav-auth{display:flex;align-items:center;flex-shrink:0;margin-right:1rem}.login-btn{background:#0000004d;border:1px solid rgba(0,255,255,.5);color:#fff;padding:.5rem 1.2rem;border-radius:12px;text-decoration:none;font-size:.85rem;font-weight:600;height:36px;transition:all .3s ease;cursor:pointer;box-shadow:0 0 15px #00ffff4d,0 4px 8px #0003,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0}.login-btn:hover{background:#00e0ff26;border-color:#00e0ff;box-shadow:0 0 30px #0ff9,0 0 20px #0ff6,0 6px 12px #0000004d,inset 0 1px #fff3;transform:translateY(-2px) scale(1.02);text-shadow:0 0 10px rgba(0,224,255,.8);color:#00e0ff}@media (max-width: 1200px){.nav-menu li a{font-size:.8rem;padding:.4rem .7rem}.login-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width: 768px){.navbar{width:calc(100% - 2rem);padding:0 1rem}.nav-brand{font-size:1.1rem}.nav-menu{gap:.1rem}.nav-menu li a{font-size:.75rem;padding:.3rem .5rem}.login-btn{font-size:.75rem;padding:.4rem .8rem}}.hero{position:relative;width:100%;min-height:100vh;display:flex;z-index:5;pointer-events:auto;margin-top:100vh;background:#0a1628}.hero-left{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.hero-astronaut{width:754px;height:1322px;max-width:100%;max-height:90vh;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,212,255,.3))}.hero-right{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.hero-nav{display:flex;flex-direction:column;gap:3rem;align-items:flex-start}.hero-nav-item{color:#fff;text-decoration:none;font-size:2rem;font-weight:600;letter-spacing:.05em;transition:all .3s ease;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(0,212,255,.3);position:relative;padding-left:2rem}.hero-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:linear-gradient(90deg,#00d4ff,#f0f);transition:width .3s ease}.hero-nav-item:hover{transform:translate(10px);color:#f0f;text-shadow:0 0 20px rgba(255,0,255,1),0 0 40px rgba(255,0,255,.8),0 0 60px rgba(255,0,255,.6)}.hero-nav-item:hover:before{width:1.5rem}.auth0-login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a1628,#1a2744,#0d1b2a,#162a47)}.auth0-login-box{background:#0a1628f2;border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:3rem;box-shadow:0 0 40px #00d4ff33,0 0 80px #6600ff1a;max-width:500px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth0-login-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;color:#00d4ff;text-align:center;margin-bottom:2rem;text-shadow:0 0 20px rgba(0,212,255,.5)}.auth0-button{width:100%;padding:1rem 2rem;margin:.5rem 0;background:linear-gradient(135deg,#00d4ff,#09f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.auth0-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80;background:linear-gradient(135deg,#09f,#00d4ff)}.auth0-button-secondary{background:transparent;border:2px solid #00d4ff;color:#00d4ff}.auth0-button-secondary:hover{background:#00d4ff1a}.profile-container{max-width:800px;margin:2rem auto;padding:2rem;background:#0a1628f2;border:2px solid rgba(0,212,255,.3);border-radius:12px;color:#fff}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,212,255,.2)}.profile-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #00d4ff;box-shadow:0 0 20px #00d4ff80}.profile-info h2{font-family:Orbitron,sans-serif;color:#00d4ff;margin-bottom:.5rem}.profile-info p{color:#ffffffb3}.profile-details{display:grid;gap:1rem}.profile-detail-item{padding:1rem;background:#00d4ff0d;border-left:3px solid #00d4ff;border-radius:4px}.profile-detail-item strong{color:#00d4ff;display:block;margin-bottom:.5rem}@media (max-width: 1200px){.navbar{padding:.6rem 1.5rem;gap:1.5rem}.navbar:before{width:calc(100% - 3rem)}.nav-brand{font-size:1.3rem}.nav-menu{gap:.25rem}.nav-menu li a{padding:.5rem .9rem;font-size:.85rem}.login-btn{padding:.5rem 1.3rem;font-size:.85rem}.login-btn:before,.login-btn:after{font-size:.95rem}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:block;width:24px;height:2px;background:#fff;position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#fff;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}@media (max-width: 768px){.title{letter-spacing:.2em}.subtitle{font-size:.9rem;padding:0 1rem}.navbar{padding:.5rem 1rem;justify-content:space-between}.nav-brand{font-size:1.15rem;letter-spacing:.15em;margin-left:1.5rem}.mobile-menu-toggle{display:block;position:absolute;left:50%;transform:translate(-50%)}.nav-menu{position:fixed;top:80px;left:1rem;right:1rem;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.3);border-radius:15px;flex-direction:column;padding:1.5rem;gap:1rem;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px #00000080}.nav-menu.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{width:100%}.nav-menu li a{display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:1rem;border-radius:8px;background:#00ffff0d;border:1px solid rgba(0,255,255,.1)}.nav-auth{order:3;margin-right:.5rem}.login-btn{margin-right:0;padding:.5rem 1rem;font-size:.8rem}}.hero{flex-direction:column}.hero-left,.hero-right{flex:none;width:100%;height:50vh}.hero-astronaut{max-height:45vh}.hero-nav{gap:1.5rem}.hero-nav-item{font-size:1.5rem}.profile-header{flex-direction:column;text-align:center}} body{position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background-image:radial-gradient(2px 2px at 20% 10%,#fffffff2,#fff0 40%),radial-gradient(1.4px 1.4px at 40% 30%,#ffffffe6,#fff0 40%),radial-gradient(1.2px 1.2px at 70% 80%,#ffffffd9,#fff0 40%),radial-gradient(1px 1px at 10% 70%,#fffc,#fff0 40%),radial-gradient(.9px .9px at 80% 20%,#fffc,#fff0 40%);background-size:1000px 1000px,800px 800px,1200px 1200px,1500px 1500px,900px 900px;opacity:.9;filter:blur(.2px)}body:after{background:radial-gradient(ellipse at 10% 30%,rgba(0,212,255,.06),transparent 15%),radial-gradient(ellipse at 80% 70%,rgba(102,0,255,.05),transparent 20%),linear-gradient(180deg,#0000,#0000);animation:twinkle 12s linear infinite;mix-blend-mode:screen}@keyframes twinkle{0%{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:.95}}#root{position:relative;z-index:2}.launch-wrapper{position:relative;display:inline-block}.login-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.6rem;background:#0a0c1440;color:#eaf9ff;border:1px solid rgba(102,153,255,.6);border-radius:12px;font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;letter-spacing:.08em;text-shadow:0 0 6px rgba(160,220,255,.6);box-shadow:0 0 20px #00a0ff1f,inset 0 0 10px #3264ff0f;transition:transform .28s ease,box-shadow .28s ease,background .28s ease;cursor:pointer;z-index:3}.login-btn .btn-icon{font-size:1.05rem;transform:translateY(1px)}.login-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 30px #00c8ff4d,0 0 60px #6600ff2e;background:linear-gradient(90deg,#00d4ff0f,#6600ff0a)}.login-btn.igniting{transform:translateY(-2px) scale(1.01);box-shadow:0 0 50px #00d4ff73,0 0 90px #6600ff47}.rocket{position:absolute;left:50%;transform:translate(-50%) translateY(0);bottom:calc(100% + 6px);width:36px;height:72px;opacity:0;pointer-events:none;z-index:2}.rocket svg{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 14px rgba(0,180,255,.12))}.rocket.launching{animation:rocketLaunch 1s cubic-bezier(.2,.9,.3,1) forwards}@keyframes rocketLaunch{0%{transform:translate(-50%) translateY(0) scale(.95);opacity:1}60%{transform:translate(-50%) translateY(-220px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-420px) scale(.9);opacity:0}}.rocket.launching:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-8px;width:10px;height:18px;background:radial-gradient(ellipse at center,#ff963cf2,#ff3c7899);filter:blur(6px);opacity:.95}@media (max-width: 480px){.rocket{display:none}.navbar{padding:.5rem .75rem}.nav-brand{font-size:1rem}.nav-menu{left:.5rem;right:.5rem;top:70px}.login-btn{padding:.4rem .8rem;font-size:.75rem}.nav-auth{margin-right:.5rem}}