.preloader-overlay{z-index:9999;background:radial-gradient(circle,#ff4d0024,#0000 34%),#fffcf3;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.dark .preloader-overlay{background:radial-gradient(circle,#ff4d002e,#0000 34%),#0a0a0a}.preloader-overlay.fade-out{opacity:0}.preloader-logo-row{justify-content:center;align-items:center;gap:clamp(.75rem,3vw,1.35rem);padding:1rem;display:flex}.logo-animation{width:clamp(120px,34vw,200px);height:auto;animation:.5s forwards scaleIn}.preloader-title{white-space:nowrap;color:#050505;letter-spacing:.08em;text-transform:uppercase;border-right:2px solid #0000;max-width:0;font-size:clamp(1rem,4.5vw,2rem);font-weight:900;line-height:1;animation:.7s steps(18,end) .5s forwards typeFrontend,.55s step-end .5s infinite caretBlink;display:inline-block;overflow:hidden}.dark .preloader-title{color:#fffcf3}@media (max-width:640px){.preloader-logo-row{gap:.5rem;max-width:calc(100vw - 2rem);padding:.75rem}.logo-animation{width:clamp(76px,24vw,96px)}.preloader-title{letter-spacing:.04em;font-size:clamp(.7rem,3.35vw,.95rem)}}@media (max-width:340px){.preloader-logo-row{flex-direction:column;gap:.7rem}.logo-animation{width:92px}.preloader-title{font-size:.78rem}}@keyframes scaleIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes typeFrontend{0%{max-width:0}to{max-width:22ch}}@keyframes caretBlink{0%,to{border-color:currentColor}50%{border-color:#0000}}