/* PRELOADER */
.preloader{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;transition:opacity .6s,filter .6s,transform .6s}
.preloader.done{opacity:0;filter:blur(10px);transform:scale(0.8);pointer-events:none}
.preloader-ring{position:relative;width:80px;height:80px}
.preloader-ring svg{width:80px;height:80px;transform:rotate(-90deg)}
.preloader-ring circle{fill:none;stroke:var(--fg);stroke-width:2;stroke-dasharray:289;stroke-dashoffset:289;stroke-linecap:round}
.preloader-ring.animate circle{animation:ringDraw 2s ease forwards}
@keyframes ringDraw{to{stroke-dashoffset:0}}
.preloader-ring .dashed{position:absolute;inset:-8px;border:1px dashed var(--border);border-radius:50%;opacity:.3}
.preloader-logo{font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase}