@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Playfair+Display:wght@700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden}.container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0a0f1e);position:relative;overflow:hidden}.background-orbs{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#06b6d4,#3b82f6);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,#8b5cf6,#ec4899);bottom:-250px;right:-250px;animation-delay:2s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#10b981,#06b6d4);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.content{position:relative;z-index:10;text-align:center}.name{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:.02em;margin-bottom:1.5rem;display:flex;justify-content:center;flex-wrap:wrap}.letter{display:inline-block;background:linear-gradient(135deg,#fff,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:letterFadeIn .8s ease-out forwards;opacity:0;transform:translateY(20px);text-shadow:0 0 30px rgba(6,182,212,.5)}@keyframes letterFadeIn{to{opacity:1;transform:translateY(0)}}.subtitle{font-size:clamp(1.2rem,3vw,2rem);font-weight:300;color:#cbd5e1;letter-spacing:.05em;animation:subtitleSlide 1.2s ease-out 1s forwards;opacity:0;transform:translateY(30px)}.subtitle-text{color:#94a3b8}.highlight{font-weight:600;background:linear-gradient(135deg,#06b6d4,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6);animation:underlineGrow .8s ease-out 2s forwards;transform:scaleX(0);transform-origin:left}@keyframes subtitleSlide{to{opacity:1;transform:translateY(0)}}@keyframes underlineGrow{to{transform:scaleX(1)}}.decorative-line{width:200px;height:3px;background:linear-gradient(90deg,transparent,#06b6d4,#3b82f6,transparent);margin:3rem auto 0;border-radius:2px;animation:lineExpand 1s ease-out 1.5s forwards;transform:scaleX(0);box-shadow:0 0 20px #06b6d480}@keyframes lineExpand{to{transform:scaleX(1)}}.particles{position:absolute;width:100%;height:100%;z-index:5;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:particleFloat 5s ease-in-out infinite;box-shadow:0 0 10px #ffffff80}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@media(max-width:768px){.name{font-size:2.5rem}.subtitle{font-size:1.2rem;padding:0 1rem}.decorative-line{width:150px}}