*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:#000;overflow:hidden}.app:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle 400px at 20% 30%,rgba(50,50,50,.3) 0%,transparent 50%),radial-gradient(circle 350px at 80% 70%,rgba(40,40,40,.25) 0%,transparent 45%),radial-gradient(circle 500px at 50% 50%,rgba(30,30,30,.2) 0%,transparent 50%),radial-gradient(circle 300px at 70% 20%,rgba(60,60,60,.25) 0%,transparent 35%),radial-gradient(circle 450px at 30% 80%,rgba(45,45,45,.28) 0%,transparent 40%),radial-gradient(circle 250px at 10% 60%,rgba(35,35,35,.2) 0%,transparent 45%),radial-gradient(circle 320px at 90% 40%,rgba(55,55,55,.22) 0%,transparent 42%);animation:ghostFloat 15s ease-in-out infinite;pointer-events:none;z-index:1;filter:blur(25px);opacity:.8}.app:after{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse 800px 600px at 25% 25%,rgba(80,80,80,.35) 0%,transparent 40%),radial-gradient(ellipse 700px 500px at 75% 75%,rgba(70,70,70,.3) 0%,transparent 40%),radial-gradient(ellipse 900px 700px at 50% 10%,rgba(60,60,60,.28) 0%,transparent 50%),radial-gradient(ellipse 600px 400px at 40% 90%,rgba(90,90,90,.25) 0%,transparent 45%);animation:ghostMist 20s linear infinite;pointer-events:none;z-index:1;opacity:.5;filter:blur(35px)}.container{display:flex;flex-direction:column;align-items:center;gap:60px;position:relative;z-index:2}.container:before{content:"";position:absolute;width:500px;height:500px;top:-150px;left:-150px;background:radial-gradient(circle at 40% 40%,rgba(40,40,40,.2) 0%,transparent 60%),radial-gradient(circle at 60% 60%,rgba(30,30,30,.15) 0%,transparent 50%);animation:spiritFloat 12s ease-in-out infinite alternate;filter:blur(20px);opacity:.6;pointer-events:none}.logo-wrapper{position:relative;width:220px;height:220px}.logo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;filter:grayscale(50%) brightness(1.1) contrast(1.2);box-shadow:0 0 30px #00000080,inset 0 0 40px #0000004d;animation:fadeIn 2s ease-out,haunt 6s ease-in-out infinite;transition:all .5s ease;position:relative}.jail-bars{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;overflow:hidden;pointer-events:none;z-index:10;background:repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0px,rgba(0,0,0,.35) 8px,transparent 8px,transparent 32px)}.logo-wrapper:hover .logo{filter:grayscale(30%) brightness(1.2) contrast(1.3);box-shadow:0 0 40px #0009,inset 0 0 50px #0006;transform:scale(1.05)}.coming-soon-bar{width:300px;height:6px;background:#8b00004d;border-radius:3px;overflow:hidden;position:relative;box-shadow:0 0 20px #f003,inset 0 0 10px #00000080}.coming-soon-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,0,0,.5),rgba(255,0,0,.8),rgba(139,0,0,.5),transparent);animation:redLoad 2.5s infinite linear}@keyframes redLoad{0%{left:-100%;opacity:.5}50%{opacity:1}to{left:100%;opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes haunt{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.01)}50%{transform:translateY(2px) scale(.99)}75%{transform:translateY(-1px) scale(1.005)}}@keyframes ghostFloat{0%,to{transform:translate(0) scale(1);opacity:.8}20%{transform:translate(-50px,-60px) scale(1.2);opacity:.9}40%{transform:translate(80px,40px) scale(.9);opacity:.7}60%{transform:translate(-30px,50px) scale(1.1);opacity:.85}80%{transform:translate(60px,-30px) scale(.95);opacity:.75}}@keyframes ghostMist{0%{transform:translate(0) rotate(0);opacity:.5}50%{opacity:.7}to{transform:translate(-30%,-30%) rotate(180deg);opacity:.5}}@keyframes spiritFloat{0%{transform:translate(0) scale(1) rotate(0);opacity:.4}50%{transform:translate(100px,50px) scale(1.2) rotate(180deg);opacity:.7}to{transform:translate(-50px,100px) scale(.9) rotate(360deg);opacity:.4}}@media (max-width: 768px){.logo-wrapper{width:180px;height:180px}.coming-soon-bar{width:200px;height:5px}}