.loader-container {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: #0f1e1e; display: flex; flex-direction: column;
            justify-content: center; align-items: center; z-index: 9999;
            animation: fadeOut 0.6s ease-out 2s forwards;
        }
        .loader {
            width: 70px; height: 70px;
            border: 3px solid rgba(96, 166, 30, 0.2);
            border-top: 3px solid #60a61e; border-radius: 50%;
            animation: spin 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
            margin-bottom: 20px;
        }
        .loader-text { color: #60a61e; font-size: 0.9rem; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
        @keyframes spin    { 0%  { transform: rotate(0deg);   } 100% { transform: rotate(360deg); } }
        @keyframes fadeOut { to  { opacity: 0; visibility: hidden; } }