#pre-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#f8fafc 100%)}
#pre-loader .ring{width:80px;height:80px;border:4px solid #e2e8f0;border-top-color:#3795FF;border-radius:50%;animation:pre-spin .9s linear infinite}
@keyframes pre-spin{to{transform:rotate(360deg)}}