@import"https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;600&display=swap";.app{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#1a0a2e,#2d1b4e,#4a2d6f,#3d2256,#2a1444,#1a0a2e);z-index:-1;pointer-events:none;overflow:hidden}.bg-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:.4}.bg-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 300px #000000e6;pointer-events:none}.atmosphere{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.atmosphere-particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,rgba(255,157,92,.4),transparent);border-radius:50%;opacity:.3;animation:atmosphereFloat var(--float-duration) ease-in-out infinite;animation-delay:var(--float-delay);filter:blur(1px)}.moon-container{position:absolute;top:8%;left:50%;transform:translate(-50%);width:300px;height:300px;z-index:1}.moon-container:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:400px;background:linear-gradient(180deg,rgba(255,157,92,.3) 0%,rgba(255,123,61,.15) 20%,rgba(255,87,34,.08) 40%,transparent 70%);filter:blur(15px);pointer-events:none}.moon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9d5c,#ff7b3d,#ff5722 40%,#d94a1a,#b33d14);box-shadow:0 0 60px #ff7d3dcc,0 0 120px #ff572299,0 0 180px #ff572266,inset -20px -20px 40px #0000004d,inset 10px 10px 30px #ff9d5c33;animation:moonPulse 4s ease-in-out infinite;position:relative}.moon:before{content:"";position:absolute;top:25%;left:40%;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.4),transparent 70%);box-shadow:25px 15px 0 -5px #00000059,-10px 30px 0 -7px #0000004d,15px -10px 0 -8px #00000040,-20px -5px 0 -6px #0000004d,35px 35px 0 -4px #00000047,5px 45px 0 -6px #00000052,-15px 15px 0 -9px #00000045,40px -5px 0 -7px #0000004a}.moon:after{content:"";position:absolute;top:55%;right:25%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.35),transparent 70%);box-shadow:-20px 10px 0 -5px #0000004d,10px 15px 0 -6px #00000052,-10px -10px 0 -7px #00000047,20px -5px 0 -8px #00000040}.moon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,157,92,.4) 0%,rgba(255,123,61,.2) 30%,rgba(255,87,34,.1) 60%,transparent 100%);animation:moonGlowPulse 4s ease-in-out infinite;filter:blur(20px)}.moon-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 60% 45%,rgba(0,0,0,.25) 0%,transparent 15%),radial-gradient(circle at 30% 60%,rgba(0,0,0,.2) 0%,transparent 12%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.18) 0%,transparent 10%),radial-gradient(circle at 25% 35%,rgba(0,0,0,.22) 0%,transparent 14%),radial-gradient(circle at 30% 30%,rgba(255,157,92,.6) 0%,transparent 50%);animation:moonCorePulse 3s ease-in-out infinite}.moon-core:before{content:"";position:absolute;top:15%;left:55%;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.3),transparent 70%)}.moon-core:after{content:"";position:absolute;bottom:20%;left:25%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.28),transparent 70%)}.moon-particles-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.moon-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:radial-gradient(circle,#ff9d5c,transparent);border-radius:50%;opacity:0;animation:particleFloat var(--duration) ease-out infinite;animation-delay:var(--delay);transform-origin:center}.architecture{position:absolute;bottom:0;left:0;width:100%;height:70%;z-index:2}.architecture:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(180deg,transparent 0%,rgba(26,10,46,.3) 30%,rgba(26,10,46,.6) 60%,rgba(13,5,23,.9) 100%);z-index:10;pointer-events:none}.architecture:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(255,157,92,.08) 0%,rgba(255,123,61,.04) 30%,transparent 60%);z-index:-1;pointer-events:none}.building{position:absolute;bottom:0}.building-center{left:50%;transform:translate(-50%);width:400px;height:100%}.tower{position:absolute;bottom:0;background:linear-gradient(180deg,#0a050ff2,#05020a);box-shadow:inset 0 0 30px #000c,0 0 50px #00000080}.tower-main{left:50%;transform:translate(-50%);width:120px;height:85%;clip-path:polygon(15% 0,20% 2%,25% 3%,30% 4%,35% 4.5%,40% 4.8%,45% 5%,50% 5%,55% 5%,60% 4.8%,65% 4.5%,70% 4%,75% 3%,80% 2%,85% 0,90% 2%,95% 4%,100% 6%,100% 100%,0 100%,0 6%,5% 4%,10% 2%)}.tower-main:before{content:"";position:absolute;top:8%;left:50%;transform:translate(-50%);width:45px;height:45px;border:3px solid rgba(139,69,19,.6);border-radius:50%;box-shadow:0 0 20px #ff57224d,inset 0 0 10px #ff572233}.tower-main:after{content:"";position:absolute;top:18%;left:50%;transform:translate(-50%);width:10px;height:65%;background:linear-gradient(180deg,transparent,rgba(255,87,34,.5) 25%,rgba(255,87,34,.7) 40%,rgba(255,87,34,.8) 50%,rgba(255,87,34,.7) 60%,rgba(255,87,34,.5) 75%,transparent);box-shadow:0 0 25px #ff572299;filter:blur(2px)}.tower-top{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:50px;height:140px;background:linear-gradient(180deg,#05020a,#0a050fe6);clip-path:polygon(50% 0,55% 8%,60% 15%,65% 25%,70% 40%,75% 60%,80% 80%,100% 100%,0 100%,20% 80%,25% 60%,30% 40%,35% 25%,40% 15%,45% 8%)}.tower-top:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:30px solid rgba(5,2,10,1)}.tower-top:after{content:"";position:absolute;top:25%;left:50%;transform:translate(-50%);width:100%;height:2px;background:#00000080;box-shadow:0 15px #0006,0 30px #0000004d}.tower-windows{position:absolute;top:35%;left:50%;transform:translate(-50%);width:100%;height:50%}.tower-windows:before,.tower-windows:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:6px;height:15px;background:#ff572266;box-shadow:0 0 10px #ff572299;filter:blur(1px)}.tower-windows:before{top:20%;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.tower-windows:after{top:50%;clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%)}.tower-pinnacle{position:absolute;bottom:20%;width:20px;height:35%;background:linear-gradient(180deg,#0a050ff2,#05020a);clip-path:polygon(50% 0,53% 5%,56% 12%,60% 22%,65% 40%,70% 60%,80% 85%,100% 100%,0 100%,20% 85%,30% 60%,35% 40%,40% 22%,44% 12%,47% 5%)}.tower-pinnacle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:18px solid rgba(5,2,10,1)}.tower-pinnacle-left{left:-15px}.tower-pinnacle-right{right:-15px}.flying-buttress{position:absolute;bottom:30%;width:35px;height:15%;background:linear-gradient(135deg,transparent 40%,rgba(5,2,10,.8) 40%);opacity:.6}.buttress-left{left:-30px;transform:rotate(-20deg)}.buttress-right{right:-30px;transform:rotate(20deg) scaleX(-1)}.secondary-spire{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:30px;height:80px;background:linear-gradient(180deg,#05020a,#0a050fe6);clip-path:polygon(50% 0,54% 8%,58% 18%,62% 30%,68% 50%,75% 75%,90% 95%,100% 100%,0 100%,10% 95%,25% 75%,32% 50%,38% 30%,42% 18%,46% 8%)}.secondary-spire:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:22px solid rgba(5,2,10,1)}.spire{position:absolute;bottom:0;width:35px;height:65%;background:linear-gradient(180deg,#0a050fe6,#05020a);clip-path:polygon(50% 0,52% 3%,54% 5%,56% 8%,58% 12%,60% 18%,65% 25%,70% 35%,75% 50%,80% 70%,90% 90%,100% 100%,0 100%,10% 90%,20% 70%,25% 50%,30% 35%,35% 25%,40% 18%,42% 12%,44% 8%,46% 5%,48% 3%)}.spire:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:25px solid rgba(5,2,10,1)}.spire:after{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%);width:3px;height:8px;background:#ff572233;box-shadow:0 0 6px #ff572240,0 -20px 0 -1px #ff572226,0 -20px 6px #ff572233;filter:blur(1px)}.spire-left{left:8%}.spire-right{right:8%}.building-left,.building-right{width:200px;height:50%}.building-left{left:10%}.building-right{right:10%}.tower-secondary{left:50%;transform:translate(-50%);width:80px;height:100%;clip-path:polygon(20% 0,25% 2%,30% 4%,35% 5%,40% 6%,45% 6.5%,50% 7%,55% 6.5%,60% 6%,65% 5%,70% 4%,75% 2%,80% 0,85% 3%,90% 6%,95% 9%,100% 12%,100% 100%,0 100%,0 12%,5% 9%,10% 6%,15% 3%)}.tower-secondary:before{content:"";position:absolute;top:15%;left:50%;transform:translate(-50%);width:25px;height:25px;border:2px solid rgba(139,69,19,.4);border-radius:50%;box-shadow:0 0 12px #ff572233,inset 0 0 6px #ff572226}.tower-secondary:after{content:"";position:absolute;top:28%;left:50%;transform:translate(-50%);width:5px;height:45%;background:linear-gradient(180deg,transparent,rgba(255,87,34,.3) 30%,rgba(255,87,34,.4) 50%,rgba(255,87,34,.3) 70%,transparent);box-shadow:0 0 12px #ff572266;filter:blur(1.5px)}.cathedral-spires{position:absolute;bottom:0;width:100%;height:100%}.small-spire{position:absolute;bottom:0;width:25px;height:50%;background:linear-gradient(180deg,#0a050fcc,#05020af2);clip-path:polygon(50% 0,52% 4%,55% 10%,60% 20%,65% 35%,70% 50%,75% 70%,85% 90%,100% 100%,0 100%,15% 90%,25% 70%,30% 50%,35% 35%,40% 20%,45% 10%,48% 4%);opacity:.85}.small-spire:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:20px solid rgba(5,2,10,.9)}.small-spire:after{content:"";position:absolute;top:25%;left:50%;transform:translate(-50%);width:2px;height:5px;background:#ff572233;box-shadow:0 0 5px #ff572240;filter:blur(1px);opacity:.7}@keyframes moonPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 60px #ff7d3dcc,0 0 120px #ff572299,0 0 180px #ff572266,inset -20px -20px 40px #0000004d,inset 10px 10px 30px #ff9d5c33}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 80px #ff7d3d,0 0 150px #ff5722cc,0 0 220px #ff572280,inset -20px -20px 40px #0000004d,inset 10px 10px 30px #ff9d5c4d}}@keyframes moonGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes moonCorePulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes particleFloat{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.4}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-200px) scale(0);opacity:0}}@keyframes atmosphereFloat{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{opacity:.4}50%{transform:translateY(calc(var(--float-distance) * -1)) translate(30px);opacity:.3}75%{opacity:.2}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;transition:all .3s ease}.nav.scrolled{background:linear-gradient(180deg,#0d0d0dfa,#0d0d0df2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid;border-image:linear-gradient(90deg,transparent,#8b4513,#c9a66b,#8b4513,transparent) 1;box-shadow:0 4px 20px #000c}.nav-content{max-width:1400px;margin:0 auto;padding:0 3rem;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-content:before,.nav-content:after{content:"◆";position:absolute;color:#8b4513;font-size:.8rem;opacity:.6}.nav-content:before{left:1rem}.nav-content:after{right:1rem}.logo{font-size:1.8rem;font-weight:600;letter-spacing:6px;color:#c9a66b;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(201,166,107,.3);position:relative;padding:.5rem 1rem;border-left:2px solid #8b4513;border-right:2px solid #8b4513}.logo:hover{color:#d4a574;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(201,166,107,.6);border-left-color:#c9a66b;border-right-color:#c9a66b}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#b0b0b0;text-decoration:none;font-size:1.1rem;font-weight:400;transition:all .3s ease;letter-spacing:2px;padding:.5rem 0;border-bottom:2px solid transparent;position:relative}.nav-links a:before{content:"▸";position:absolute;left:-1.2rem;opacity:0;transition:all .3s ease}.nav-links a:hover{color:#c9a66b;border-bottom-color:#8b4513}.nav-links a:hover:before{opacity:1;left:-1.5rem}.hero{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0 2rem;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,69,19,.1),transparent 70%);animation:pulse 4s ease-in-out infinite}.hero-content{text-align:center;max-width:900px;padding:4rem 3rem;border:3px solid;border-image:linear-gradient(135deg,#8b4513,#c9a66b,#8b4513) 1;background:linear-gradient(135deg,#0d0d0dd9,#1e0f0fd9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 50px #8b45134d,inset 0 0 50px #00000080;position:relative;z-index:10}.hero-content:before,.hero-content:after{content:"";position:absolute;width:40px;height:40px;border:2px solid #8b4513}.hero-content:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.hero-content:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.hero-title{font-size:clamp(3rem,10vw,7rem);font-weight:600;letter-spacing:12px;color:#c9a66b;margin-bottom:1rem;text-shadow:3px 3px 6px rgba(0,0,0,1),0 0 30px rgba(201,166,107,.4),0 0 60px rgba(139,69,19,.2);animation:fadeIn 1s ease,glow 3s ease-in-out infinite;position:relative}.hero-title:before{content:"◈";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.6;animation:fadeIn 1s ease .3s backwards}.hero-title:after{content:"◈";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.6;animation:fadeIn 1s ease .3s backwards}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#909090;margin-bottom:3rem;letter-spacing:3px;font-weight:300;animation:fadeIn 1s ease .2s backwards;padding:1rem 0;border-top:1px solid rgba(139,69,19,.3);border-bottom:1px solid rgba(139,69,19,.3)}.hero-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;animation:fadeIn 1s ease .4s backwards}.btn{padding:1.2rem 3rem;font-size:1.1rem;text-decoration:none;letter-spacing:3px;font-weight:400;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:inherit;z-index:-1}.btn-primary{background:linear-gradient(135deg,#8b451366,#c9a66b33);border-color:#8b4513;color:#c9a66b;box-shadow:0 4px 15px #00000080,inset 0 1px #c9a66b33}.btn-primary:hover{background:linear-gradient(135deg,#8b451399,#c9a66b4d);border-color:#c9a66b;box-shadow:0 6px 25px #c9a66b66,inset 0 1px #c9a66b4d,0 0 30px #8b45134d;transform:translateY(-3px);color:#d4a574}.btn-secondary{background:linear-gradient(135deg,#1e1e1e99,#141414cc);border-color:#4a4a4a;color:#b0b0b0;box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff0d}.btn-secondary:hover{border-color:gray;color:#e0e0e0;background:linear-gradient(135deg,#28282899,#1e1e1ecc);box-shadow:0 6px 20px #000000b3,inset 0 1px #ffffff1a;transform:translateY(-3px)}.footer{padding:2.5rem;text-align:center;color:#606060;font-size:.95rem;letter-spacing:2px;border-top:3px solid;border-image:linear-gradient(90deg,transparent,#8b4513,#c9a66b,#8b4513,transparent) 1;background:linear-gradient(180deg,#0000,#0d0d0dcc);position:relative}.footer:before{content:"◆";position:absolute;top:1rem;left:50%;transform:translate(-50%);color:#8b4513;font-size:.8rem;opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:3px 3px 6px rgba(0,0,0,1),0 0 30px rgba(201,166,107,.4),0 0 60px rgba(139,69,19,.2)}50%{text-shadow:3px 3px 6px rgba(0,0,0,1),0 0 40px rgba(201,166,107,.6),0 0 80px rgba(139,69,19,.3)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}.corner-decoration{position:fixed;width:120px;height:120px;border:2px solid #8b4513;opacity:.4;z-index:10;pointer-events:none}.top-left{top:20px;left:20px;border-right:none;border-bottom:none}.top-right{top:20px;right:20px;border-left:none;border-bottom:none}.bottom-left{bottom:20px;left:20px;border-right:none;border-top:none}.bottom-right{bottom:20px;right:20px;border-left:none;border-top:none}.btn-icon{display:inline-block;margin-right:.8rem;font-size:1.2rem;transition:transform .3s ease}.btn:hover .btn-icon{transform:scale(1.2)}@media(max-width:768px){.moon-container{top:5%;width:200px;height:200px}.moon{width:120px;height:120px}.moon-glow{width:160px;height:160px}.moon-core{width:120px;height:120px}.building-center{width:250px}.tower-main{width:80px}.tower-top{width:35px;height:100px;top:-40px}.tower-pinnacle{width:15px;height:30%}.tower-pinnacle-left{left:-10px}.tower-pinnacle-right{right:-10px}.flying-buttress{display:none}.spire{width:25px}.building-left,.building-right{width:120px}.tower-secondary{width:60px}.secondary-spire{width:22px;height:60px;top:-30px}.small-spire{width:18px}.corner-decoration{width:60px;height:60px}.top-left,.top-right{top:10px}.bottom-left,.bottom-right{bottom:10px}.top-left,.bottom-left{left:10px}.top-right,.bottom-right{right:10px}.nav-content{padding:0 1rem}.nav-content:before,.nav-content:after{display:none}.logo{font-size:1.2rem;letter-spacing:3px;padding:.3rem .5rem}.logo:before,.logo:after{display:none}.nav-links{gap:1rem}.nav-links a{font-size:.9rem;letter-spacing:1px}.nav-links a:before{display:none}.hero{padding:0 1rem}.hero:before{width:300px;height:300px}.hero-content{padding:2rem 1.5rem}.hero-content:before,.hero-content:after{width:20px;height:20px}.hero-title{letter-spacing:4px}.hero-title:before,.hero-title:after{display:none}.hero-subtitle{letter-spacing:1px;margin-bottom:2rem}.hero-links{flex-direction:column;gap:1rem}.btn{width:100%;max-width:300px;padding:1rem 2rem;font-size:1rem;letter-spacing:2px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Spectral,serif;background:#0d0d0d;color:#e0e0e0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}