:root{--bg-dark:#0a0a0a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-1:#ff007f;--accent-2:#7000ff;--accent-3:#00e5ff;--glass-bg:#ffffff08;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden auto}.background-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle, var(--accent-1), var(--accent-2));width:400px;height:400px;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle, var(--accent-2), var(--accent-3));width:500px;height:500px;animation-delay:-5s;bottom:-20%;right:-10%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10vw,10vh)scale(1.2)}66%{transform:translate(-5vw,15vh)scale(.9)}}#root{justify-content:center;align-items:center;width:100%;display:flex}.content-wrapper{z-index:1;width:100%;max-width:800px;margin:2rem 0;padding:2rem 1rem;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;opacity:0;border-radius:24px;padding:3rem;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp;transform:translateY(40px);box-shadow:0 30px 60px #0006}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.badge{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-block}.main-title{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1.1}.text-gradient{background:linear-gradient(to right, var(--accent-1), var(--accent-2), var(--accent-3), var(--accent-1));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradientShift;display:inline-block}@keyframes gradientShift{0%{background-position:0%}to{background-position:300%}}.text-outline{color:#0000;-webkit-text-stroke:2px #fffc;display:inline-block;position:relative}.text-outline:after{content:"Soon";color:var(--text-primary);clip-path:polygon(0 0,0 0,0 100%,0% 100%);animation:3s cubic-bezier(.77,0,.175,1) infinite alternate revealText;position:absolute;top:0;left:0}@keyframes revealText{0%{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}20%{clip-path:polygon(0 0,0 0,0 100%,0% 100%)}80%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem;font-weight:300;line-height:1.6}.notify-form{gap:1rem;max-width:500px;margin:0 auto 3rem;display:flex}.glass-input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:12px;outline:none;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.glass-input::placeholder{color:#ffffff4d}.glass-input:focus{background:#0006;border-color:#ffffff4d;box-shadow:0 0 20px #7000ff33}.glow-btn{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .3s;position:relative;overflow:hidden}.glow-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7000ff4d}.glow-btn:hover:before{left:100%}.social-links{justify-content:center;gap:2rem;display:flex}.social-icon{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.social-icon:after{content:"";background:var(--text-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.social-icon:hover{color:var(--text-primary)}.social-icon:hover:after{width:100%}@media (width<=768px){.glass-panel{padding:2rem 1.5rem}.badge{margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem}.subtitle{margin-bottom:2rem;font-size:1rem}.notify-form{flex-direction:column}.glow-btn{width:100%}.social-links{gap:1.5rem}}
