*{margin:0;padding:0;box-sizing:border-box}#app,body,html{overflow:hidden}#app,.scene,body,html{width:100%;height:100%}.scene{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:#667eea;top:-100px;left:-100px;animation-delay:0s}.orb-2{width:350px;height:350px;background:#f093fb;bottom:-80px;right:-60px;animation-delay:-3s}.orb-3{width:280px;height:280px;background:#4facfe;top:50%;left:60%;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.content{text-align:center;position:relative;z-index:1;padding:60px 80px;border-radius:24px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 60px rgba(0,0,0,.3);animation:cardIn 1s ease-out both}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.title{font-size:clamp(4rem,12vw,8rem);font-weight:900;letter-spacing:.08em;background:linear-gradient(90deg,#a8edea,#fed6e3,#d299c2,#a8edea);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s linear infinite}@keyframes gradientShift{0%{background-position:0 50%}to{background-position:300% 50%}}.char{display:inline-block;animation:charIn .9s cubic-bezier(.22,1,.36,1) both}.char:hover{animation:bounce .5s ease}@keyframes charIn{0%{opacity:0;filter:blur(20px);transform:translateY(50px) scale(1.6)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.badge{display:inline-block;font-size:.85rem;letter-spacing:.3em;color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;padding:8px 20px;margin-bottom:28px;background:hsla(0,0%,100%,.06);animation:fadeUp 1s ease-out .1s both}.subtitle{margin-top:24px;font-size:1.3rem;font-weight:300;letter-spacing:.5em;text-transform:uppercase;color:hsla(0,0%,100%,.6);animation:fadeUp 1s ease-out 1.2s both}.desc{margin-top:28px;font-size:1.05rem;line-height:2;color:hsla(0,0%,100%,.55);font-weight:300;animation:fadeUp 1s ease-out 1.4s both}.tags{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.tag{font-size:.9rem;padding:10px 22px;border-radius:999px;color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(6px);transition:all .3s ease;animation:fadeUp .8s ease-out both;cursor:default}.tag:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.footer{margin-top:36px;font-size:.8rem;letter-spacing:.15em;color:hsla(0,0%,100%,.3);animation:fadeUp 1s ease-out 2.2s both}@keyframes fadeUp{0%{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}