@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        
        * {
            font-family: 'Inter', sans-serif;
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        }
        
        .green-gradient {
            background: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);
        }
        
        .text-shadow {
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }
        
        .box-shadow {
            box-shadow: 0 10px 30px -5px rgba(0,0,0,0.1), 0 5px 15px -5px rgba(0,128,0,0.2);
        }
        
        .hover-lift {
            transition: transform 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-5px);
        }
        
        /* 3D Card effect */
        .card-3d {
            transform-style: preserve-3d;
            perspective: 1000px;
        }
        
        .card-3d-content {
            transition: transform 0.3s ease;
            transform: rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0));
        }
        
        /* Gradient backgrounds */
        .bg-green-gradient {
            background: linear-gradient(120deg, #1b5e20 0%, #2e7d32 50%, #43a047 100%);
        }
        
        .bg-dark-gradient {
            background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
        }
        
        .bg-mixed {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        body{
            width: 100vw;
            overflow-x:hidden;
        }
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        * { font-family: 'Inter', sans-serif; }
        .gradient-bg { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
        .green-gradient { background: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%); }
        .text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.1); }
        .box-shadow { box-shadow: 0 10px 30px -5px rgba(0,0,0,0.1), 0 5px 15px -5px rgba(0,128,0,0.2); }
        .hover-lift { transition: transform 0.3s ease; }
        .hover-lift:hover { transform: translateY(-5px); }
        .bg-green-gradient { background: linear-gradient(120deg, #1b5e20 0%, #2e7d32 50%, #43a047 100%); }
        .bg-dark-gradient { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%); }
        
        /* Loading Spinner */
        .loader {
            border: 5px solid #f3f3f3;
            border-top: 5px solid #4caf50;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        
        /* Page Transitions */
        .page-transition {
            animation: fadeIn 0.5s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }