        .glass { backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.4); }
        .hero-pattern { background-image: radial-gradient(#10b98115 1px, transparent 1px); background-size: 40px 40px; }
        .hover-card { transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }
        .hover-card:hover { transform: translateY(-12px); box-shadow: 0 30px 60px -12px rgba(16, 185, 129, 0.15); }
        .gradient-text { background: linear-gradient(135deg, #10b981, #064e3b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .section-p { @apply py-24 px-6 max-w-7xl mx-auto; }
        .btn-primary { @apply bg-secondary text-white px-8 py-4 rounded-2xl font-bold hover:scale-105 transition-all shadow-xl shadow-secondary/10 active:scale-95; }
        .btn-outline { @apply border-2 border-slate-200 text-slate-600 px-8 py-4 rounded-2xl font-bold hover:bg-slate-50 transition-all; }
        .scroll-hide::-webkit-scrollbar { display: none; }
        @keyframes subtle-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        .floating { animation: subtle-float 6s ease-in-out infinite; }
    