.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a4b3a,#2d5a4b,#4a7c59);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out;pointer-events:all}.loader-overlay.fade-out{opacity:0;pointer-events:none}.loader-container{display:flex;justify-content:center;align-items:center}.spinner-wrapper{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInScale .8s ease-out}.spinner-ring{width:120px;height:120px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #ffffff;border-right:4px solid rgba(255,255,255,.3);border-radius:50%;animation:smoothRotate 2s linear infinite}.brand-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.brand-name{font-size:1.4rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:Rubik,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.5px;line-height:1;animation:gentlePulse 2s ease-in-out infinite}@keyframes smoothRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.spinner-ring{width:100px;height:100px;border-width:3px}.brand-name{font-size:1.2rem}}@media (max-width: 480px){.spinner-ring{width:80px;height:80px;border-width:3px}.brand-name{font-size:1rem}}