/* HTML */
    html { 
        scroll-behavior: smooth; 
    }
    .glass { backdrop-filter: blur(10px); 
        background: rgba(255,255,255,0.9); 
    }
    .card-hover:hover { 
        transform: translateY(-6px); 
        box-shadow: 0 20px 40px rgba(0,0,0,0.08); 
    }
    .fade-in { 
        opacity:0; 
        transform: translateY(20px); 
        transition: all .7s ease; 
    }
    .fade-in.show { 
        opacity:1; 
        transform: translateY(0); 
    }
    .nav-link { 
        position:relative; 
    }
    .nav-link::after { 
        content:""; 
        position:absolute; 
        left:0; bottom:-4px; 
        width:0; height:2px; 
        background:#111827; 
        transition:.3s; 
    }
    .nav-link:hover::after { 
        width:100%; 
    }
    .logo-box { 
        width:32px; 
        height:32px; 
        border:2px solid #111; 
        display:flex; 
        align-items:center; 
        justify-content:center; 
        font-size:12px; 
        font-weight:bold; 
    }