.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--primary-bg);overflow:hidden}.vignette-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(10,10,15,.6) 100%);pointer-events:none;z-index:2}.content-container{position:relative;z-index:10;color:#fff;margin-top:8vh}.logo-wrapper{margin-bottom:2rem;animation:fadeIn 1.5s ease-out}.main-logo{max-width:150px;height:auto;box-shadow:0 0 40px color-mix(in srgb,var(--accent-gold) 40%,transparent),0 0 20px color-mix(in srgb,var(--purple-light) 50%,transparent);border-radius:12px;animation:logoGlow 4s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 0 40px color-mix(in srgb,var(--accent-gold) 40%,transparent),0 0 20px color-mix(in srgb,var(--purple-light) 50%,transparent)}50%{box-shadow:0 0 60px color-mix(in srgb,var(--accent-gold) 60%,transparent),0 0 30px color-mix(in srgb,var(--purple-light) 70%,transparent)}}.coming-soon-text{font-size:4rem;font-weight:700;letter-spacing:8px;margin-bottom:1rem;animation:slideUp 1s ease-out;background:linear-gradient(135deg,#ffffff 0%,var(--accent-gold) 40%,var(--purple-light) 70%,#ffffff 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px color-mix(in srgb,var(--accent-gold) 30%,transparent);animation:slideUp 1s ease-out,gradientShift 8s ease infinite;position:relative}.coming-soon-text:before{content:"Coming Soon";position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#ffffff 0%,var(--accent-gold) 40%,var(--purple-light) 70%,#ffffff 100%);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(8px);opacity:.5;z-index:-1;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtext{font-size:1.2rem;opacity:.9;animation:fadeIn 2s ease-out;letter-spacing:3px;text-transform:uppercase;font-weight:300;color:color-mix(in srgb,var(--purple-light) 90%,transparent);text-shadow:0 0 20px color-mix(in srgb,var(--purple-medium) 50%,transparent)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.logo-wrapper{margin-bottom:1.5rem}.main-logo{max-width:120px}.coming-soon-text{font-size:2.5rem;letter-spacing:6px}.coming-soon-text:before{content:"Coming Soon"}.subtext{font-size:1rem;letter-spacing:2px}}@media(max-width:480px){.content-container{padding:0 1rem}.logo-wrapper{margin-bottom:1rem}.main-logo{max-width:100px}.coming-soon-text{font-size:2rem;letter-spacing:4px;margin-bottom:.75rem}.coming-soon-text:before{content:"Coming Soon";filter:blur(6px)}.subtext{font-size:.9rem;letter-spacing:2px}}@media(max-width:360px){.main-logo{max-width:80px}.coming-soon-text{font-size:1.75rem;letter-spacing:3px}.coming-soon-text:before{content:"Coming Soon";filter:blur(4px)}.subtext{font-size:.85rem;letter-spacing:1.5px}}.animated-bg-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:1;background-color:var(--primary-bg)}.bg-gradient-base{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--secondary-bg) 0%,var(--primary-bg) 100%);animation:rotate 120s linear infinite}.parallax-layer-1{transform:translateZ(-1px) scale(1.1)}.parallax-layer-2{transform:translateZ(-.5px) scale(1.05)}.parallax-layer-3{transform:translateZ(.5px)}.bg-gradient-accent{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--purple-medium) 15%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 70%,color-mix(in srgb,var(--purple-medium) 10%,transparent) 0%,transparent 50%);filter:blur(80px)}.shooting-stars-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.shooting-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fdb931cc,0 0 12px 4px #fdb93166,-100px -100px 40px 8px #fdb9314d;filter:blur(.5px)}.shooting-star:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:150px;height:1px;background:linear-gradient(90deg,#fff0,#fdb931cc,#fdb93100)}.pyxis-constellation-main{position:absolute;top:15%;right:8%;width:500px;height:375px;pointer-events:none;z-index:6;filter:drop-shadow(0 0 20px rgba(253,185,49,.3))}.pyxis-svg{width:100%;height:100%}.pyxis-svg .bright-star{filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent-gold) 80%,transparent)) blur(.5px)}.compass-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.6;pointer-events:none}.compass-wrapper{width:80vh;height:80vh;max-width:600px;max-height:600px}.compass-svg{width:100%;height:100%}.compass-decorative-ring{fill:none;stroke:color-mix(in srgb,var(--purple-light) 20%,transparent);stroke-width:.5;stroke-dasharray:2,10}.compass-energy-ring{fill:none;stroke:color-mix(in srgb,var(--accent-gold) 40%,transparent);stroke-width:1.5;filter:blur(2px)}.compass-outer-ring{fill:none;stroke:color-mix(in srgb,var(--purple-medium) 40%,transparent);stroke-width:1;stroke-dasharray:5,5}.compass-inner-ring{fill:none;stroke:color-mix(in srgb,var(--purple-medium) 25%,transparent);stroke-width:.5}.compass-inner-ring-2{fill:none;stroke:color-mix(in srgb,var(--purple-medium) 15%,transparent);stroke-width:.3;stroke-dasharray:3,3}.degree-mark-major{stroke:color-mix(in srgb,var(--purple-light) 60%,transparent);stroke-width:2;stroke-linecap:round}.degree-mark-minor{stroke:color-mix(in srgb,var(--purple-medium) 40%,transparent);stroke-width:1;stroke-linecap:round}.point-text{fill:color-mix(in srgb,var(--purple-light) 80%,transparent);font-size:24px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:2px}.point-north{fill:color-mix(in srgb,var(--accent-gold) 90%,transparent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-gold) 60%,transparent))}.rose-line{stroke:color-mix(in srgb,var(--purple-medium) 20%,transparent);stroke-width:.5}.needle-north{fill:color-mix(in srgb,var(--accent-gold) 95%,transparent);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent-gold) 80%,transparent))}.needle-south{fill:color-mix(in srgb,var(--accent-gold) 50%,transparent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-gold) 40%,transparent))}.needle-center{fill:var(--primary-bg);stroke:color-mix(in srgb,var(--accent-gold) 90%,transparent);stroke-width:2;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent-gold) 70%,transparent))}.needle-center-inner{fill:color-mix(in srgb,var(--accent-gold) 100%,transparent);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent-gold) 90%,transparent))}.constellations-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.constellation-item{position:absolute}.constellation-svg-actual{width:100%;height:100%}.star-glow-center{stop-color:#fff}.star-glow-mid{stop-color:color-mix(in srgb,var(--accent-gold) 80%,transparent)}.star-glow-outer{stop-color:color-mix(in srgb,var(--purple-medium-bright) 20%,transparent)}.constellation-star{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--purple-light) 70%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--accent-gold) 50%,transparent))}.constellation-path{stroke:color-mix(in srgb,var(--purple-medium-bright) 60%,transparent);stroke-width:3;stroke-dasharray:2 8;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--purple-light) 40%,transparent))}.compass-golden-ring{fill:none;stroke:color-mix(in srgb,var(--accent-gold) 60%,transparent);stroke-width:2;stroke-dasharray:2,8;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent-gold) 50%,transparent))}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(color-mix(in srgb,var(--purple-medium) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--purple-medium) 8%,transparent) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:3}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.compass-wrapper{width:70vh;height:70vh;max-width:500px;max-height:500px}.point-text{font-size:20px}.grid-overlay{background-size:50px 50px}.pyxis-constellation-main{width:350px;height:262px;top:10%;right:5%}.shooting-star:before{width:100px}}@media(max-width:480px){.compass-wrapper{width:60vh;height:60vh;max-width:400px;max-height:400px}.point-text{font-size:18px}.grid-overlay{background-size:40px 40px}.bg-gradient-accent{filter:blur(60px)}.pyxis-constellation-main{width:280px;height:210px;top:8%;right:3%}.shooting-star:before{width:80px}.degree-mark-major{stroke-width:1.5}.degree-mark-minor{stroke-width:.8}}@media(max-width:360px){.compass-wrapper{width:55vh;height:55vh;max-width:350px;max-height:350px}.point-text{font-size:16px}.grid-overlay{background-size:35px 35px}.pyxis-constellation-main{width:220px;height:165px;top:6%;right:2%}.shooting-star:before{width:60px}}.main-footer{position:absolute;bottom:0;width:100%;padding:1.5rem 0;display:flex;justify-content:center;z-index:20}.footer-nav{display:flex;gap:1rem;align-items:center}.footer-nav a{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-nav a:hover{color:#fff}.footer-nav .footer-link{background:none;border:none;color:#fff9;text-decoration:none;font-size:.9rem;cursor:pointer;padding:0;font-family:inherit;transition:color .3s ease}.footer-nav .footer-link:hover{color:#fff}.separator{color:#ffffff4d}@media(max-width:768px){.main-footer{padding:1.25rem 0}.footer-nav{gap:.75rem}.footer-nav .footer-link{font-size:.85rem}}@media(max-width:480px){.main-footer{padding:1rem}.footer-nav{gap:.5rem;flex-wrap:wrap;justify-content:center}.footer-nav .footer-link{font-size:.8rem}}@media(max-width:360px){.footer-nav .footer-link,.separator{font-size:.75rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--modal-bg);border:1px solid var(--modal-border);box-shadow:0 0 30px var(--modal-shadow);border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;color:#fff;animation:scaleUp .3s ease-out}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--glow-blue)}.close-button{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.6;transition:opacity .2s}.close-button:hover{opacity:1}.modal-body{padding:1.5rem;overflow-y:auto;font-size:.95rem;line-height:1.6;color:#fffc}.modal-body h3{color:#fff;margin:1.5rem 0 .5rem}.modal-body p{margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d}.modal-body::-webkit-scrollbar-thumb{background:var(--modal-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--purple-light) 60%,transparent)}@media(max-width:768px){.modal-content{width:95%;max-height:85vh}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.35rem}.modal-body{padding:1.25rem;font-size:.9rem}}@media(max-width:480px){.modal-content{width:95%;max-height:90vh;border-radius:8px}.modal-header{padding:1rem}.modal-header h2{font-size:1.2rem}.close-button{font-size:1.75rem}.modal-body{padding:1rem;font-size:.85rem;line-height:1.5}.modal-body h3{font-size:1rem;margin:1.25rem 0 .5rem}}@media(max-width:360px){.modal-header{padding:.875rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:.875rem;font-size:.8rem}}.app-container{position:relative;overflow:hidden}:root{--primary-bg: #0a0a0f;--secondary-bg: #1a1a28;--accent-gold: #FDB931;--text-white: #ffffff;--purple-dark: #201F3E;--purple-medium: rgb(72, 70, 120);--purple-medium-bright: rgb(120, 118, 180);--purple-light: rgb(150, 148, 200);--modal-bg: rgba(15, 15, 25, .95);--modal-overlay: rgba(10, 10, 15, .85);--modal-border: rgba(120, 118, 180, .4);--modal-shadow: rgba(120, 118, 180, .3);--glow-blue: var(--purple-dark);--vignette-overlay: rgba(10, 10, 15, .7);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-white);font-family:var(--font-family);overflow:hidden;height:100vh;width:100vw}#root{height:100%}.app-container{height:100%;display:flex;flex-direction:column}