*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Playfair Display,Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100%;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:radial-gradient(ellipse at center,#0a0a0a,#000)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#d4af37 0%,transparent 70%);top:-200px;right:-200px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#ffd700 0%,transparent 70%);bottom:-150px;left:-150px;animation-delay:5s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#c9a961 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-30px)}50%{transform:translate(-20px,20px)}75%{transform:translate(20px,10px)}}.content{position:relative;z-index:2;text-align:center;opacity:0;transform:scale(.8);transition:all 1.5s cubic-bezier(.16,1,.3,1)}.content.loaded{opacity:1;transform:scale(1)}.name{font-size:clamp(3.5rem,15vw,10rem);font-weight:300;letter-spacing:.2em;color:#d4af37;text-transform:uppercase;position:relative;display:inline-block;line-height:1.2;text-shadow:0 0 10px rgba(212,175,55,.5),0 0 20px rgba(212,175,55,.3),0 0 30px rgba(212,175,55,.2),0 5px 10px rgba(0,0,0,.5);filter:drop-shadow(0 10px 30px rgba(212,175,55,.3))}.name-part{display:inline-block;animation:letterFadeIn 1s ease-out forwards;opacity:0}.name-part:nth-child(1){animation-delay:.1s}.name-part:nth-child(2){animation-delay:.2s}.name-part:nth-child(3){animation-delay:.3s}.name-part:nth-child(4){animation-delay:.4s}.name-part:nth-child(6){animation-delay:.6s}.name-part:nth-child(7){animation-delay:.7s}.name-part:nth-child(8){animation-delay:.8s}.name-part:nth-child(9){animation-delay:.9s}.name-space{display:inline-block;width:.3em}@keyframes letterFadeIn{0%{opacity:0;transform:translateY(30px) rotateX(-90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.shine-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s ease-in-out infinite;animation-delay:2s}@keyframes shine{0%{left:-100%}50%,to{left:200%}}.particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#d4af37;border-radius:50%;opacity:0;animation:particleFloat linear infinite;box-shadow:0 0 4px #d4af37}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(.5)}}@media (max-width: 768px){.name{font-size:clamp(2.5rem,12vw,6rem);letter-spacing:.15em}.gradient-orb{filter:blur(60px)}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}@media (max-width: 480px){.name{font-size:clamp(2rem,10vw,4rem);letter-spacing:.1em}}@media (orientation: landscape) and (max-height: 500px){.name{font-size:clamp(2rem,10vh,5rem)}}