.gradient-bg { background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: #26d0ce; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }
        .flink { border: 1px solid #e5e7eb; padding: 12px 20px; border-radius: 8px; transition: all 0.3s ease; background: white; }
        .flink:hover { border-color: #26d0ce; background-color: #f0fdfa; transform: translateX(5px); }
        .match-card { background: linear-gradient(to right, #f8fafc, #f1f5f9); border-left: 4px solid #3b82f6; }
        .stat-badge { background: linear-gradient(90deg, #10b981, #34d399); color: white; }
        .typewriter { overflow: hidden; border-right: .15em solid #26d0ce; white-space: nowrap; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; }
        @keyframes typing { from { width: 0 } to { width: 100% } }
        @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #26d0ce; } }
        @media (max-width: 768px) {
            .mobile-stack { flex-direction: column; }
            .typewriter { animation: none; white-space: normal; border-right: none; }
        }