.intro-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:hsl(var(--background));z-index:100;animation:fadeOutContainer 1s ease-out 3.5s forwards;overflow:hidden}.intro-content{text-align:center;z-index:2;position:relative}.intro-title{font-size:4rem;font-weight:700;background-image:linear-gradient(to right,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeInLogo 2s ease-out .5s forwards;opacity:0;transform:scale(.9)}.intro-subtitle{font-size:1.5rem;margin-top:1rem;color:hsl(var(--primary));opacity:0;animation:fadeInSubtitle 2s ease-out 1.5s forwards}.intro-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,hsl(var(--primary)/.15) 0,transparent 70%);border-radius:50%;opacity:0;transform:scale(.5);animation:expandGlow 3s ease-out 1s forwards;z-index:1}@keyframes fadeInLogo{to{opacity:1;transform:scale(1)}}@keyframes fadeInSubtitle{to{opacity:1}}@keyframes expandGlow{to{opacity:1;transform:scale(1.5)}}@keyframes fadeOutContainer{to{opacity:0;visibility:hidden}}@media (max-width:768px){.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1rem}}