.loading{background:radial-gradient(circle at top, #f472b629, transparent 40%), var(--color-background);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading__content{z-index:10;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.loading__content h1{letter-spacing:-.05em;color:var(--color-foreground);margin-top:2rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}.loading__content p{max-width:440px;color:color-mix(in srgb, var(--color-foreground) 72%, transparent);margin-top:1rem;font-size:1rem;line-height:1.8}.loader{justify-content:center;align-items:center;display:flex}.loader__spinner{border:4px solid #00000014;border-top-color:#ec4899;border-radius:50%;width:60px;height:60px;animation:.9s linear infinite spin}.loading__bar{background:#00000014;border-radius:999px;width:260px;height:10px;margin-top:2rem;position:relative;overflow:hidden}.loading__bar__progress{border-radius:inherit;background:linear-gradient(90deg,#ec4899,#f472b6);width:40%;animation:1.4s infinite loadingMove;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingMove{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (max-width:768px){.loading__bar{width:220px}.loading__content h1{font-size:2.4rem}.loading__content p{padding-inline:1rem}}