:root { --accent: #0066FF; }
        body { background-color: #F8FAFC; color: #0F172A; scroll-behavior: smooth; overflow-x: hidden; }
        .glass { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(226, 232, 240, 0.8); }
        .score-gradient { background: linear-gradient(135deg, #0066FF 0%, #10B981 100%); }
        .card-lift { transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
        .card-lift:hover { transform: translateY(-12px); box-shadow: 0 30px 60px -12px rgba(0,0,0,0.08); }
        .page-transition { animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .text-glow { text-shadow: 0 0 20px rgba(0, 102, 255, 0.2); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #0066FF; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .hero-pattern { background-image: radial-gradient(#cbd5e1 0.5px, transparent 0.5px); background-size: 24px 24px; }