:root {
            --navy: #0F172A;
            --emerald: #10B981;
            --soft-gray: #F8FAFC;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-gray);
            scroll-behavior: smooth;
        }
        .font-serif { font-family: 'DM Serif Display', serif; }
        
        .glass-nav {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(226, 232, 240, 0.8);
        }
        .loan-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .loan-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
        }

        @keyframes fadeInScale {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
        .animate-fade-in { animation: fadeInScale 0.5s ease-out forwards; }
        
        .modal-overlay {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(4px);
        }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .step-line::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 100%;
            width: 100%;
            border-top: 2px dashed #E2E8F0;
            z-index: -1;
        }