body {
            font-family: 'Inter', sans-serif;
            background-color: #0a192f;
            color: #ccd6f6;
        }
        .glass-effect {
            background: rgba(10, 25, 47, 0.85);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(45, 212, 191, 0.1);
        }
        .accent-color {
            color: #64ffda;
        }
        .accent-bg {
            background-color: #64ffda;
        }
        .section-heading::after {
            content: '';
            display: block;
            width: 300px;
            height: 1px;
            background-color: #233554;
            margin-left: 20px;
            position: relative;
            top: -16px;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -30px;
            top: 5px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #0a192f;
            border: 3px solid #64ffda;
        }
        .skill-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }