body { font-family: 'Inter', sans-serif; }
        .profile-banner {
            background: linear-gradient(135deg, #002d62 0%, #1a5fa8 100%);
            position: relative;
            overflow: hidden;
            min-height: 200px;
        }
        .profile-banner::before {
            content: '';
            position: absolute;
            top: -40%;
            right: -10%;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);
            border-radius: 50%;
        }
        .badge-basico { background: linear-gradient(135deg, #10b981, #059669); }
        .badge-profesional { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
        .badge-elite { background: linear-gradient(135deg, #f59e0b, #d97706); }
        /* Estrellas interactivas */
        .star-interactive { cursor: pointer; font-size: 1.75rem; transition: transform 0.15s; color: #e5e7eb; }
        .star-interactive:hover, .star-interactive.active { color: #f59e0b; transform: scale(1.2); }
        .star-interactive.hover-active { color: #fcd34d; transform: scale(1.15); }
        /* Cards */
        .portfolio-card { transition: all 0.3s ease; border: 1px solid #f0f0f0; }
        .portfolio-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.08); border-color: #93c5fd; }
        /* Share modal */
        #share-modal { display: none; }
        #share-modal.open { display: flex; }
        /* Toast */
        #toast { transition: all 0.3s ease; pointer-events: none; }
        /* Reseña hover */
        .resena-card { transition: background 0.2s; }
        .resena-card:hover { background: #f8fafc; }