/* Premium Locked Card CSS */
                .premium-lock-card {
                    background: #ffffff;
                    border: 2px dashed #fbbf24;
                    border-radius: 28px;
                    padding: 50px 30px;
                    text-align: center;
                    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
                    max-width: 550px;
                    margin: 0 auto;
                    position: relative;
                    overflow: hidden;
                    font-family: 'Inter', system-ui, sans-serif;
                }
                
                /* Subtle Yellow Glow behind the icon */
                .premium-lock-card::before {
                    content: '';
                    position: absolute;
                    top: 0; left: 50%; transform: translateX(-50%);
                    width: 200px; height: 200px;
                    background: rgba(251, 191, 36, 0.15);
                    filter: blur(50px);
                    z-index: 0;
                    pointer-events: none;
                }
                
                .premium-lock-content {
                    position: relative;
                    z-index: 1;
                }

                .premium-lock-icon {
                    width: 80px;
                    height: 80px;
                    background: #fef3c7;
                    color: #d97706;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 0 auto 24px auto;
                    font-size: 32px;
                    box-shadow: 0 0 0 8px rgba(254, 243, 199, 0.5); /* Outer ring effect */
                }

                .premium-lock-title {
                    font-size: 28px;
                    font-weight: 900;
                    color: #0f172a;
                    margin: 0 0 12px 0;
                    letter-spacing: -0.5px;
                }

                .premium-lock-desc {
                    color: #64748b;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 1.6;
                    margin: 0 auto 36px auto;
                    max-width: 420px;
                }

                .premium-lock-actions {
                    display: flex;
                    gap: 16px;
                    justify-content: center;
                    flex-wrap: wrap;
                }

                .btn-premium-upgrade {
                    background: linear-gradient(135deg, #2563eb, #1d4ed8);
                    color: #ffffff;
                    padding: 14px 36px;
                    border-radius: 14px;
                    font-weight: 800;
                    text-decoration: none;
                    font-size: 16px;
                    box-shadow: 0 10px 15px -3px rgba(37, 99, 235, 0.3);
                    transition: all 0.3s ease;
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                }

                .btn-premium-upgrade:hover {
                    transform: translateY(-3px);
                    box-shadow: 0 15px 25px -3px rgba(37, 99, 235, 0.4);
                }

                .btn-premium-login {
                    background: #f1f5f9;
                    color: #334155;
                    padding: 14px 36px;
                    border-radius: 14px;
                    font-weight: 800;
                    text-decoration: none;
                    font-size: 16px;
                    transition: all 0.2s ease;
                    display: inline-flex;
                    align-items: center;
                }

                .btn-premium-login:hover {
                    background: #e2e8f0;
                    color: #0f172a;
                }